应用截图

详细介绍

分析网页或网页的一部分是否符合 WCAG 2.0 颜色对比度要求。 1.1 版新增功能:将图像分析结果下载为 PNG 文件。 此扩展程序可按照 WCAG 2 文本颜色对比度要求,分析网页上的文本颜色对比度问题。它会根据网页在浏览器中的显示效果进行评估,因此能够处理渐变背景上的文本和高级 CSS 属性。你可以选择分析网页的一部分、标签页中的全部可见内容或整个网页。 此外,你还可以评估电脑上可在 Chrome 中打开的文件,例如图像文件和 PDF 文件。请注意,对于 PDF 文件,只能评估页面的可见部分。要分析本地文件,你需要前往扩展程序页面,为此扩展程序勾选“允许访问文件网址”。 你可以选择按 AA 或 AAA 符合性级别进行评估,并指定要分析的文本大小。 输出结果会显示一张图,标出颜色边界的对比度足以满足指定要求的位置。如果原页面上的某个项目没有在输出遮罩中显示轮廓,则该项目的颜色对比度不符合你选择的符合性级别。生成的图像分析结果可以作为 PNG 文件下载到电脑。 为了更好地处理渐变,你还可以选择分析相邻像素时使用的像素半径。像素半径越大,查找足够高对比度边界的范围就越远。不过,较大的像素半径会大幅增加计算时间。 首次安装扩展程序后,可能需要刷新要分析的网页,才能使用所有选择选项。 此外,安装扩展程序时,它会请求访问你所有网站上的数据、标签页和浏览活动的权限。我们不会以任何方式使用或收集这些数据。为了获得浏览器窗口截图权限,我们必须请求这一访问级别。你可以通过以下网址查看源代码。 https://github.com/gdkraus/color-contrast-chrome 此工具由北卡罗来纳州立大学 IT 无障碍办公室开发。 http://accessibility.oit.ncsu.edu/