WCAG AA 与 AAA 对比度：该选哪一级？
WCAG 2.2 为文本对比度定义了两个等级。AA 级是大多数无障碍法规和政策所引用的标准；AAA 级是增强等级，适用于需要尽可能让所有人都能读懂的内容。
阈值一览
| 内容类型 | AA（最低要求） | AAA（增强要求） |
|---|---|---|
| 普通文本 | 4.5:1 | 7:1 |
| 大号文本（≥ 24px，或粗体 ≥ 18.66px） | 3:1 | 4.5:1 |
| 界面组件与图形（SC 1.4.11） | 3:1 | 无单独的 AAA 级 |
相关文本标准为 AA 级的 SC 1.4.3“对比度（最低）”和 AAA 级的 SC 1.4.6“对比度（增强）”。徽标、纯装饰性文字和禁用状态的控件不受此限。
什么算“大号文本”？
WCAG 将大号文本定义为至少 18 磅常规字重或 14 磅粗体。在网页中 1pt = 1.333px，大约相当于常规 24px 或粗体 18.66px。大多数正文（14–18px）属于普通文本，需要满足更严格的阈值。
示例
#000000 文字 / #ffffff 背景21.00:1 · AA 与 AAA 均通过#595959 文字 / #ffffff 背景7.00:1 · 刚好达到 AAA#767676 文字 / #ffffff 背景4.54:1 · 通过 AA，未达 AAA#777777 文字 / #ffffff 背景4.47:1 · 普通文本未达 AA#949494 文字 / #ffffff 背景3.03:1 · 仅适用于大号文本和界面组件
点击任意示例，即可在检测工具中打开。
应该以哪一级为目标？
- 全站至少达到 AA。美国 ADA 指引、Section 508、EN 301 549 以及欧洲无障碍法案都以 WCAG AA 级为准。达不到 AA 会带来实际的合规风险。
- 长篇阅读内容采用 AAA。文章、技术文档、政府和医疗类内容的正文若能达到 7:1，对年长读者和低视力人群尤其友好。
- 不必强求全站 AAA。W3C 本身也指出，并非所有内容都能满足 AAA。把它当作主要正文的目标即可，而不应成为大标题使用品牌色的障碍。
- 别忘了非文本对比度。即使文字已达标，输入框边框、焦点指示器以及承载含义的图标，与相邻颜色之间也需要达到 3:1。
检测你的配色
把你的调色板粘贴到ContrastCheck 颜色对比度检测工具中，即可立即看到 AA 和 AAA 的检测结果。如果某组配色不达标，工具会推荐最接近的达标明度调整方案。