颜色对比度与无障碍：文字要看得清
文字与背景对比度不足会看不清。本文介绍 WCAG 对比度标准，并给出查询网检测工具。
核心要点
- 对比度 = (较亮色的相对亮度 + 0.05) ÷ (较暗色的相对亮度 + 0.05)，取值范围为 1:1 到 21:1。
- WCAG 2.1 要求正文文字对比度至少 4.5:1，大字号（粗体 ≥18.66px 或常规 ≥24px）至少 3:1。
- 对比度只衡量亮度差，与色相无关；还需避免仅用颜色传递信息，以照顾色盲用户。
对比度＝（亮色亮度 + 0.05）÷（暗色亮度 + 0.05）。WCAG 建议正文至少 4.5:1，大字号至少 3:1，保障可读性。
设计建议
浅底深字、避免低饱和同色叠加；用对比度工具在定稿前检查关键文字。
常见问题
WCAG 对文字对比度的要求是多少？
WCAG 2.1 建议正文文字与背景的对比度至少 4.5 比 1，大号文字（约 18pt 以上或 14pt 加粗）至少 3 比 1。这是保障可读性的通行底线，也是无障碍审计的常见检查项。
对比度是怎么计算的？
对比度等于「较亮颜色的相对亮度加 0.05」除以「较暗颜色的相对亮度加 0.05」。相对亮度由 RGB 按 sRGB 规则换算而来，取值范围从 1 比 1 到 21 比 1。
灰底上的灰字为什么看不清？
同色系、低饱和度的浅灰配深灰，明度接近，对比度往往低于 3 比 1。这类组合在亮度不足的屏幕上尤其吃力，应加大明度差，或改用有色相差异的搭配。
怎样快速检查配色是否达标？
用对比度计算工具输入前景色与背景色，直接读出比值并对照 4.5 比 1 与 3 比 1 的门槛，在定稿前重点检查正文、按钮文字与提示文案即可。
最后更新：2026-09-19