WCAG Color contrast checker

简介:

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

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

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

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

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

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

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