返回首页
WCAG 无障碍标准 · 文字可读性自动判定
大号文字示例 Large Text 24px
这是普通正文文字示例 Normal text 16px —— 老年人、视力障碍者、强光环境下也应能清晰阅读。The quick brown fox jumps over the lazy dog.
--
对比度 Contrast Ratio

WCAG 对比度标准

等级普通文字大字号(≥18px粗/24px)说明
AAA 最高≥ 7:1≥ 4.5:1最佳可读性,老年/低视力友好
AA 合格≥ 4.5:1≥ 3:1法规合规底线(政府/公共网站)
不符合< 4.5:1< 3:1可读性差,强光下难以辨认

对比度基于颜色相对亮度(WCAG 2.1 公式)计算:先将 sRGB 通道做线性化,再按 0.2126R + 0.7152G + 0.0722B 加权得亮度 L,比值 = (L1+0.05)/(L2+0.05)。UI 组件边界(如图标、输入框边框)建议至少 3:1。

常见问题

为什么浅灰文字配白背景看起来"高级"但检测不通过?
流行的 #999 灰字配白底对比度仅约 2.8:1,不符合 AA;正文建议不低于 #767676(4.54:1),次要说明文字也应 ≥4.5:1 才合规。
大字号为什么标准更宽松?
大文字笔画粗、占面积大,更容易辨认;WCAG 定义 18px 粗体或 24px 以上为"大字号",3:1 即可达到 AA。
按钮文字和占位符(placeholder)算正文吗?
按钮文字属于正文需达标;placeholder 也应尽量 ≥4.5:1;纯装饰性图形不做要求,但图标按钮、表单边框建议 3:1。