Color Contrast Analyzer

热门插件 | 版本:1.1.2 | 更新时间:2019.10.27 12:46
评分:3.4693877551020407 | 热度:39945

展示图

简介

版本1.1中的新增功能:将图像分析下载到PNG文件。

通过此扩展,您可以根据WCAG 2文本颜色对比要求来分析网页上的文本颜色对比问题。它会评估页面在浏览器中的显示方式,因此能够处理渐变和高级CSS属性上的文本。您可以选择分析网页的一部分,选项卡的整个可见内容或整个网页。

此外,您可以评估计算机上可以在Chrome中打开的文件,例如图像文件和PDF文件。请注意,使用PDF文件,您将只能评估页面的可见部分。要分析本地文件,您需要转到扩展程序”页面并选中此扩展程序的允许访问文件URL”。

您可以选择评估AA或AAA一致性,以及指定要分析的文本大小。

输出将为您显示一张地图,其中颜色之间的边缘差异足以满足指定的对比度要求。如果基础页面上有某个项目未在输出蒙版中列出,则根据您选择的一致性级别,该项目没有足够的色彩对比度。可以将生成的图像分析作为PNG文件下载到您的计算机。

为了更好地处理渐变,您还可以选择应该用于分析相邻像素的像素半径。像素半径越大,则寻找的边框越有足够高的对比度。但是,较大的像素半径将增加大量的计算时间。

首次安装扩展程序时,您可能需要刷新要分析的网页,以使所有选择选项均可用。

另外,在安装扩展程序时,它会询问您是否允许访问所有网站,选项卡和浏览活动上的数据。我们不会以任何方式使用或收集此数据。为了获得浏览器窗口截图的权限,这是我们必须要求的访问级别。您可以通过以下URL查看源代码。

https://github.com/gdkraus/color-contrast-chrome

该工具是NC State University IT Accessibility Office的产品。

IT Accessibility at NC State

感谢你的阅读,本文版权归 chrome巴士 所有,转载请注明出处。
注明出处格式:本文转载自:chrome巴士(https://www.chromebus.cn/183097.html

上一篇:
下一篇:

分享到

相关推荐

历史评论

  1. 评论功能已经关闭,不能发表评论。