色觉缺陷
另见: CVD, color blindness, colour blindness, colour vision deficiency
影响色彩感知的遗传性或后天性疾病的统称。全球约8%的男性和0.5%的女性受到影响。WCAG 1.4.1禁止将颜色作为传递信息的唯一手段。
色觉缺陷(CVD)——通常被不甚准确地称为”色盲”——是一类影响眼睛感知颜色方式的遗传性或后天性疾病的统称。其全球患病率约为男性8%、女性0.5%,是迄今最常见的单一视觉障碍。
主要类型
- 二色性色觉/异常二色性色觉(Deuteranopia / deuteranomaly) — 红绿型CVD,最为常见。红色与绿色难以区分,在低饱和度条件下尤为突出。
- 红色盲/红色弱(Protanopia / protanomaly) — 同属红绿型,但锥状细胞缺陷不同。红色显得更暗;红绿混淆的模式与二色性色觉相似。
- 蓝色盲/蓝色弱(Tritanopia / tritanomaly) — 蓝黄型CVD,较为罕见(患病率约0.01%)。蓝色与黄色易被混淆。
- 全色盲/无色觉(Monochromacy / achromatopsia) — 真正意义上的色盲;完全无法感知颜色。极为罕见(约每30,000人中1例)。
日常所称的”色盲”通常指二色性色觉或红色盲——即红绿型。严重程度因人而异,从轻度色彩辨别困难到几乎完全无法区分红绿不等。
WCAG的要求
相关成功准则为1.4.1 颜色的使用——级别A——该准则规定,颜色不得作为传递信息、指示操作、提示响应或区分视觉元素的唯一手段。
在实践中,以下情形不符合要求:
- 仅凭颜色标示表单验证结果。 无效输入框仅显示红色边框,既无错误图标也无文字提示,则不符合要求——CVD用户无法将该边框感知为红色。
- 折线图系列仅凭颜色区分。 五条不同颜色的折线,无各线标签,CVD用户无从判断哪条线代表哪个系列。
- 状态标签仅凭颜色表示。 列表中绿色表示正常、红色表示错误,既无文字也无图标,CVD用户无法辨别。
这并不意味着
1.4.1并不禁止使用颜色传递信息——仅要求颜色不是唯一的传递方式。因此:
- 红色错误边框 + 错误图标 + 错误提示文字 = 合规。(颜色起到强化作用,而非单独承载含义。)
- 折线图系列通过颜色 + 线型(实线、虚线、点线)+ 线端标签加以区分 = 合规。
- 状态标签包含颜色 + 图标 + 文字 = 合规。
CVD测试方法
三种可行的测试方法:
- 模拟测试。 浏览器扩展(Funkify、Stark、axe DevTools Pro)可以模拟CVD用户的视觉效果,适合开发阶段的抽查。
- 转换为灰度图。 快速健全性检查——如果设计在纯灰度下仍然有效,则对大多数CVD类型均可用。
- 真实用户测试。 招募CVD用户参与可用性测试,效果优于任何模拟工具。
与CVD相邻但有所不同的情况
色觉缺陷有别于:
- 低对比度敏感度 — 多见于老年眼睛及低视力状况——由WCAG 1.4.3/1.4.11对比度规则加以规范。
- 畏光症 — 光线敏感——通过减少动效偏好设置和深色模式选项加以应对。
- 白内障或晶状体黄化 — 常见于老龄化,会改变感知色温,但不产生典型的CVD模式。
针对CVD的无障碍设计是基础要求,但不能替代对比度合规、深色模式或减少动效等各自独立的设计实践。