颜色对比度

颜色对比度就是文字与背景之间的明暗差异，对比度比值则用一个数字来表示这种差异。《网页内容无障碍指南》（WCAG）为大多数网页文字设定的最低对比度是四点五比一，大号文字的最低要求较低，某些内容则属于例外。试着用对比度检查工具检查一组文字和背景的配色。

检查对比度时会用到相对亮度，也就是衡量一种颜色相对明亮程度的指标。对比度比值通过标准化的计算方法，比较文字与背景的相对亮度。光看颜色名称无法确定结果；四点五比一的对比度，也不简单地意味着一种颜色的亮度是另一种的四点五倍。

WCAG 成功准则 1.4.3 规定了文字对比度的最低要求：文字和文字图像，也就是以图片形式保存的文字，通常需要达到至少四点五比一的对比度。大号文字则需要至少三比一。这里的“大号”指字号至少为十八磅，或加粗时至少为十四磅，中日韩字体则采用与之等效的字号；磅是字号的计量单位。这项准则也适用于占位文字，以及当你将指针移到控件上，或使用键盘选中控件时显示的文字。[1]

例外情况包括未启用控件中的文字、纯装饰性文字、所有人都看不见的文字，以及含有其他重要视觉内容的图片中的文字。标志和品牌名称中的文字也有例外，但如果刻意淡化一个原本对比度足够的标志，并不能自动获得豁免。普通文字不会因为使用了品牌色就获得豁免。非文字图形和符号由另一项准则规定。[1]

假设有一个网站，在白色背景上用小号浅橙色文字显示说明。假如对比度检查工具算出指定颜色的比值为四点四九九比一，这就低于四点五比一，不能向上舍入后算作达标。你需要调整颜色，再检查一次。如果网站提供浅色和深色两种显示模式，就要分别检查每种模式中的文字和背景配色；模式的名称本身无法说明其对比度。[1]

评估时，要使用页面中指定的文字颜色和背景颜色，不要从经过平滑处理的文字边缘取色。字体平滑处理也叫抗锯齿，会让这些边缘变柔和，并可能让细笔画的文字显得更淡。如果这造成了问题，指南建议使用更粗的笔画，或让对比度高于最低要求。[1]

这些数值是这项准则的最低要求，并不保证每个人都能轻松阅读。所提供的文档是在解释无障碍指南，并不是一项证明其对所有人都有益的实验。仅仅通过对比度检查，并不能说明网站整体上符合无障碍要求或法律规定。

• 适用范围说明：成功准则 1.4.3 通常要求文字和文字图像的对比度至少为 4.5:1，大号文字至少为 3:1，但该准则列明的例外情况除外。这些是最低门槛，并不保证每个人都能看清文字。[1]
• 测试方法说明：不能将计算出的对比度向上舍入，使其达到门槛。评估时应使用指定的前景色和背景色，不要使用从经过平滑处理的文字边缘采样得到的颜色。[1]
• 自定义配色的条件性说明：如果有一种机制能让用户恢复到符合规定数值的配色，内容作者就可以允许用户自行选择低于最低对比度要求的配色。文档将此作为适应不同需求的一种安排，并没有说实验已证明它对每个人都有益。[1]

所提供的《理解》文档是一份解释该准则的参考指南，并非实验研究，也不保证符合法律规定。文档指出，即使一组配色的对比度数值达标，细笔画或特殊字体仍可能显得很淡。其中的文字对比度要求并未规定非文字图形需要满足的要求。先前参考文献中标为“对比度最低要求（理解 AAA 级要求）”的条目标注有误，这里已用所提供的成功准则 1.4.3 的指南替换；该准则属于 WCAG 的 AA 级符合性要求。文档另将增强对比度列为成功准则 1.4.6。原先的 ISO 条目不再作为经过单独核实的来源保留。[1]