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 要求。