标准 · WCAG 2.2

SC 1.4.6 级别 AAA WCAG 2.0

对比度(增强)

AAA 级对比度要求:正文文字 7:1,大文字 4.5:1。比 1.4.3 更严格,专为对比度需求较高、在舒适阅读时需要更强对比的低视力用户设计。

要求内容

在 AAA 级别,正文文字的对比度必须达到 7:1,大文字(18pt 或 14pt 粗体)必须达到 4.5:1。豁免条件与 1.4.3 相同——徽标、装饰性文字、非激活控件——但标准约严格一倍。该成功准则专为中度至重度低视力用户设计,对这类用户而言,4.5:1 在光线不足时仍难以阅读。

如何满足要求

  • 使用能同时显示 AA 和 AAA 通过/未通过结果的对比度检测工具,并以 AAA 列为目标。
  • 对于白底正文,前景色深于 #595959 通常可达到 7:1。
  • 对于深色模式,近黑色背景上前景色浅于 #b3b3b3 通常可达到该要求。
  • 在品牌允许的情况下使用纯黑配纯白——这是最安全的 21:1 对比比例。
  • 若高对比度模式在默认主题下与品牌风格冲突,可结合用户切换开关提供 AAA 对比度。

常见失败情形

  • 中灰色正文(#666)通过了 4.5:1 但未能达到 7:1——接近通过仍属失败。
  • 品牌色行动号召按钮达到 4.5:1 但未达到 7:1——大多数品牌色按钮均如此。
  • 高对比度主题的文字对比度通过,但非文字对比度(1.4.11)仍未通过。

重要性

AAA 级在合同中鲜有要求,但高对比度主题支持在政府及辅助技术密集型场景中日益被期待。最清晰的实现路径是提供一个可选的高对比度主题,在不强制改变默认主题的前提下满足 7:1 要求。