分享一个帮助你检测网站颜色对比度的在线web工具

博客提供了一个色彩检查网站链接,即http://www.checkmycolours.com/ ,可用于相关色彩检查工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

[url]http://www.checkmycolours.com/[/url]
分析网页或网页的一部分,以符合WCAG 2.0色彩对比要求。 1.1版本中的新功能:将图像分析下载到PNG文件。 该扩展允许您根据WCAG 2文本颜色对比度要求分析网页上的文本颜色对比度问题。它对浏览器中出现的页面进行评估,因此能够处理渐变和高级CSS属性的文本。您可以选择分析网页的一部分,标签的整个可见内容或整个网页。 此外,您可以评估您的计算机上可以在Chrome中打开的文件,例如图像文件和PDF文件。请注意,对于PDF文件,您只能评估页面的可见部分。要分析本地文件,您需要进入“扩展”页面,并选中“允许访问文件URL”。 您可以选择评估AA或AAA一致性,并指定要分析的文本的大小。 输出将显示颜色之间的边界足够不同以满足指定的对比度要求的地图。如果底层页面上的某个项目在输出掩码中未列出,则根据所选的一致性级别,该项目没有足够的颜色对比度。生成的图像分析可以作为PNG文件下载到您的计算机。 为了更好地处理渐变,还可以选择应用于分析相邻像素的像素半径。像素半径越大,越远将会寻找具有足够高对比度的边界。但是,更大的像素半径会增加显着的计算时间。 首次安装扩展程序时,可能需要刷新要分析的所有选择选项才能使用的网页。 另外,安装扩展程序时,它会询问您是否允许访问您的所有网站上的数据以及您的选项卡和浏览活动。我们不以任何方式使用或收集这些数据。为了获得浏览器窗口屏幕截图的权限,这是我们必须要求的访问级别。您可以通过以下URL查看源代码。 https://github.com/gdkraus/color-contrast-chrome 此工具是北卡罗来纳州立大学IT无障碍办公室的产品。 http://accessibility.oit.ncsu.edu/ 支持语言:English
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值