数据图元与背景的对比度需达到可辨阈值
别名: 对比度阈值 · WCAG 对比度
概念解释
低视力用户、强光环境下的用户、低质量屏幕上的用户对对比度的依赖远高于理想环境下的设计者：对比度不足时，数据图元（柱、线、点、扇区）从背景中"消失"，图形承载的信息对这些用户归零。可辨阈值是量化的设计底线——WCAG 对图形对象的要求是与相邻颜色的对比度至少 3:1（AA 级），文字则是 4.5:1。这不仅是残障用户的需要：投影仪、阳光下的手机、老化的屏幕都在普遍降低实际对比度，达标的设计在所有环境下都更稳健。
机制
对比度阈值的机制是视觉探测的信噪比要求：人眼分辨目标与背景依赖亮度差形成的信号超过视觉噪声，低视力（对比敏感度下降）用户需要的信号强度是常人的数倍，3:1 的阈值大约对应中度低视力用户的可辨下限。对比度按 WCAG 定义的相对亮度比计算，这带来两个设计含义：其一是"颜色不同但明度相近"的搭配（如中蓝配中绿）对比度可能远低于直觉——色相差异不等于明度差异，许多"彩色图表在灰度打印下不可读"的问题正源于此；其二是阈值检查可以被工具自动化（对比度计算器、设计工具的对比度检查插件），使这项检查成为可执行项而非感觉判断。图表文字（轴标签、数据标签）的 4.5:1 阈值高于图形的 3:1，因为文字的信息密度更高、字形细节更依赖对比度。
边界
阈值的适用边界涉及面积与重要性的权衡：WCAG 对"非文本对比"的要求包含豁免——纯装饰元素不需要达标，非活动的禁用控件豁免，但数据图元是信息本体，不适用豁免。极细的图元（1 像素线）即使颜色对比达标也可能在抗锯齿下实际对比度下降，细线的对比度要求实际上更高（延伸至同组的线宽问题）。深色模式是对比度检查的新场景：为浅色背景设计的配色直接翻转到深色背景时，明度关系反转，原本达标的搭配可能失效——深浅两套配色需要分别检查。图表网格线、参考线等辅助元素的建议做法是弱于数据图元（对比度故意低于数据），这种"弱化"是层级设计而非违规，检查的对象是数据图元与文字。
怎么落地
- 设计配色时用对比度工具核对每个数据颜色与背景的对比度，图形 ≥3:1、文字 ≥4.5:1。
- 灰度化测试：把图表转灰度检查可读性，不可读的搭配同时暴露明度不足。
- 深浅两套主题分别跑对比度检查，不允许只检查设计稿的默认主题。
- 验证：在低质量屏幕或强光下查看图表，数据图元是否仍然清晰可辨；同时用工具核对比度数值达标。