对比度
前景色与背景色亮度差的数值比率。WCAG 要求文本可读性达到 4.5:1 以上。
对比度是前景 (文本或图标) 与背景颜色之间相对亮度差的数值表示。范围从 1:1 (无差异) 到 21:1 (黑与白)。
WCAG (Web Content Accessibility Guidelines) 2.1 要求普通文本的对比度至少为 4.5:1,大文本 (18pt 以上或 14pt 粗体以上) 至少为 3:1。无障碍设计指南详细介绍了这些标准。
对比度计算使用颜色的相对亮度。Chrome DevTools 和 axe 等工具可以轻松检查合规性。
与字符计数相关,低对比度文本难以阅读,会导致用户无法准确识别字符。色彩设计基础书籍提供了更多见解。