中文

无障碍设计

颜色对比度检查器

检查文字色与背景色是否符合 WCAG AA 和 AAA 对比度要求。

可读性预览

在应用设计之前，通过这段预览检查文字、控件和界面表面的实际可读性。

对比度
17.74:1
AA 普通文字通过
AA 大号文字通过
AAA 普通文字通过
AAA 大号文字通过

如何使用

测试文字和背景颜色组合，预览普通文字与大号文字，并生成最接近原色的 WCAG AA 合格文字色。

  1. 1 选择文字颜色和背景颜色。
  2. 2 查看 AA 与 AAA 检查结果。
  3. 3 不合格时采用建议的无障碍颜色。

常见问题

WCAG AA 要求多少对比度？

普通文字至少为 4.5:1，大号文字至少为 3:1。

WCAG AAA 要求多少对比度？

普通文字至少为 7:1，大号文字至少为 4.5:1。