WCAG Color contrast checker

Chrome浏览器插件下载和安装教程(图文讲解)

根据 WCAG 可访问性要求测试颜色对比度

它根据 WCAG 2.1 检查页面中元素的前景和背景之间的颜色对比度。

它会考虑页面所有元素的颜色和背景颜色 CSS 属性的计算样式来评估对比度。如果这些颜色是用 RGBA 值定义的,它还会考虑不透明度来推断最终显示的真实颜色。

它可以模拟色盲并评估模拟的对比度。通过这种方式,开发人员可以看到色盲用户的页面看起来如何。

该工具还包括两个字段,可以在其中手动引入颜色进行测试。它还允许直接从文档中选择颜色。

最后,当页面的 DOM 更改(添加或删除元素)时,它会自动刷新,但如果页面有很多更改,则可以取消激活此行为。

隐私声明:https://rumoroso.bitbucket.io/