DESIGN NOTES / ACCESSIBILITY

为什么要关注色彩对比度?

读得清楚,比色彩本身是否漂亮更重要。

对比度的含义

网页文字的对比度可以通过文字与背景色的相对亮度计算,用一个比值表示。对比度越接近 1:1,文字和背景越不容易区分。

常见参考门槛

WCAG 对一般正文的 AA 对比度门槛为 4.5:1,AAA 为 7:1。对大号文字,AA 为 3:1,AAA 为 4.5:1。

数值通过也不等于全部无障碍问题解决

实际易读性仍受字号、字重、字间距、背景图像、亮度和交互状态影响。对于复杂图片上的文字,工具中的纯色计算只是基础检查。

一个简单的做法

先确定背景色,再挑选文字色。用本站对比度检验工具反复调整;尤其要关注页面辅助说明、小字号标签和不够醒目的按钮文字。