VOCABULARY / 词条
对比与可读性
Contrast and Legibility
正文文字与其背景之间需要达到规定的最小对比度，界面控件的边界与状态指示需要达到另一条更低的最小对比度；这是可以用测量结果通过或不通过的量化检查，不是某种视觉风格的名称。
识别特征
- 正文文字与其可能出现的每一种背景（含半透明、图片背景）之间的对比度达到规定最小值
- 控件边界、勾选框、单选按钮等状态指示与相邻颜色之间达到非文字对比的最小值
- 对比度是通过实际渲染效果测量得出的数值，而不是设计稿中孤立色块的对比
概念边界
图形与背景说明的是人眼把前景从背景中分离出来的知觉机制；本条目是该分离是否"足够清晰"的量化检查——用对比度数值判断文字和控件能不能被看清，两者关注的问题不同，可以同时适用。低对比不是某个视觉风格的代称：玻璃拟态、极简主义、扁平化、极繁主义、孟菲斯风格等多种视觉风格都可能在实现不当时产生低对比，修复方式是让该风格下的文字与控件达到量化阈值，而不是放弃这个风格。
什么时候考虑它
- 设计或审查正文、说明文字、标签等需要被阅读的文字内容
- 设计或审查表单控件、按钮边界、勾选状态等需要被识别的界面元素
- 文字或控件叠加在半透明层、渐变或图片等复杂背景之上
什么时候慎用
- 把"看起来是某种流行视觉风格"当作对比度已经达标的证明
- 只在一张干净的示意图上量一次对比度，就认为所有实际渲染场景都合格
- 把纯装饰性、非必需理解内容的图形元素也套用相同的强制阈值
取舍
提高对比度能确保文字与控件在更多光照条件和视觉能力下被看清，但过高对比或不加选择地加粗描边可能削弱视觉层级，让所有内容显得同等重要。
条件规则 · 编辑建议
相关词条
图形与背景描述的是分离前景与背景的知觉机制；本条目是该分离是否达到可测量阈值的量化检查，二者互补但衡量对象不同。
玻璃拟态依赖半透明与背景透出制造质感，但若叠加后的实际对比度低于规定阈值，就构成本条目定义的缺陷，需要调整透明度、加深遮罩或改变配色来达标，而不必放弃该风格。
极简主义常通过降低视觉噪音来减少元素，但如果因此让正文或控件边界的对比度低于规定阈值，就是可测量的缺陷，应在保留极简观感的前提下调整颜色达标。
焦点指示器要被看见，首先需要满足非文字对比的最小阈值，本条目提供该阈值，焦点指示器条目描述其可见性与可发现性的具体规则。
来源与支持范围
WCAG 2.2 成功标准 1.4.3（AA 级）要求正文文字与背景的对比度至少为 4.5:1，大字号文字（18 点或加粗 14 点及以上）的对比度至少为 3:1。
检索日期：2026-09-15 · 存档于 2026-09-16WCAG 2.2 成功标准 1.4.11（AA 级）要求用于识别界面控件及其状态的视觉信息、以及理解内容所需的图形对象部分，与相邻颜色的对比度至少为 3:1。
检索日期：2026-09-15WCAG 2.2 成功标准 1.4.12（AA 级）要求当用户将行高调整为至少字号的 1.5 倍、段后间距调整为字号的 2 倍、字符间距调整为字号的 0.12 倍、单词间距调整为字号的 0.16 倍时，内容不得因此丢失或被遮挡。
检索日期：2026-09-15定义参考以上来源；数字界面示例、选择建议、条件关系及配方由本样例编辑，尚未经用户研究验证。
类型扩展与实现说明
尚无可操作的示例；插画为编辑用途，用于说明对比度是可测量的量化检查这一概念，不代表已验证的实现。应用到实际产品前，仍需用真实的颜色值和渲染环境测量对比度，并覆盖深浅色主题、悬停与禁用状态等各种实际情形。
{
"evidenceType": "W3C 无障碍标准中的可测量成功标准",
"limit": "本条目仅覆盖 WCAG 2.2 AA 级列出的对比度与文字间距数值；更高的 AAA 级阈值、色觉缺陷模拟等更细致的可读性议题不在本条目范围内，需要另行评估。"
}打开本词条的 Agent JSON 文件这个文件原样收录本词条的全部字段，并附上来源、存档与编辑声明。