什么是WCAG对比度检查器?

WCAG颜色对比度检查工具,可计算前景色与背景色之间的对比度,并报告该颜色组合是否符合WCAG 2.1 AA级和AAA级无障碍标准中对普通文本和大号文本的要求。

使用方法

  1. 通过取色器或十六进制输入框输入或选择前景色(文字颜色)和背景色。
  2. 查看对比度数值,以及在正常文字、大号文字和UI组件方面是否通过WCAG AA和AAA标准。
  3. 若对比度未达标,可使用建议的颜色调整方案找到最接近的无障碍颜色组合。

结果

UI设计师检查其品牌蓝色#3B82F6与白色#FFFFFF的对比度——4.5:1的比率在大号文字上通过AA标准,但在正常文字上未通过AAA标准。将颜色加深为#2563EB后两者均通过。

相关工具