色盲模拟器：为无障碍而设计

什么是色盲？

色盲，又称色觉缺陷（CVD），是指某些颜色被感知得不同或无法区分的一种状况。最常见的类型影响红绿色感知：红色盲（缺少红色视锥细胞）、绿色盲（缺少绿色视锥细胞）和蓝色盲（缺少蓝色视锥细胞）。全色盲是最罕见的形式，会导致完全丧失色觉。

大约 8% 的男性和 0.5% 的女性存在某种形式的色觉缺陷。对设计师和开发者来说，这意味着你的很大一部分受众看到的界面、图表或图形，可能与你想要呈现的效果并不相同。色盲模拟器能让你精确预览他们所看到的画面。

模拟器的工作原理

该模拟器对图像中的每个像素应用经过科学验证的颜色变换矩阵，模拟每种色觉缺陷如何改变颜色感知。

• LMS 色彩空间——将像素的 RGB 值转换到 LMS（长、中、短波）视锥响应模型，该模型还原了人类感光细胞处理光线的方式
• Machado 2009 矩阵——模拟采用 Machado、Oliveira 与 Fernandes（2009）研究论文中的矩阵，可在不同严重程度下建模视锥细胞的响应损失
• Canvas 像素变换——每个像素与相应的 3x3 矩阵相乘后再转换回 RGB，从而精确还原具有特定色觉缺陷类型的人所看到的图像

何时使用色盲模拟器

测试设计的色彩可访问性，对于打造包容性产品和满足合规要求都至关重要。

• WCAG 可访问性合规——通过确保信息不仅仅依赖颜色传达，并为所有用户提供足够的对比度，满足《Web 内容可访问性指南》的要求
• UI 与 UX 设计验证——检查按钮、提示、状态指示器和导航元素，对任何色觉缺陷类型的用户都能保持可区分
• 数据可视化——验证图表、地图、热力图和信息图所采用的配色方案，在所有色觉缺陷类型下都保持清晰可读、含义明确

常见问题

最常见的色盲类型是哪一种？

绿色弱（绿色敏感度降低）是最常见的形式，影响约 6% 的男性。它会导致难以区分红色和绿色，人们所说的“红绿色盲”通常指的就是这种情况。完全的绿色盲（缺少绿色视锥细胞）较为少见，但程度更严重。

我该如何为色觉缺陷进行设计？

在颜色之外再搭配另一种视觉线索——图标、图案、文字标签或明暗变化。不要仅用红/绿来表示成功/失败，可以再加上对勾或文字说明。选择针对色觉缺陷优化的配色方案（例如用蓝橙搭配代替红绿搭配）。在发布前，务必用模拟器测试你的设计。

色盲和色弱是一回事吗？

色弱（异常三色视觉）是指某一类视锥细胞的敏感度降低——颜色会发生偏移，但并未完全缺失。色盲（二色视觉）是指某一类视锥细胞完全缺失，导致两种颜色看起来完全相同。全色觉障碍（全色盲）则是完全丧失色觉。模拟器可以对所有严重程度进行建模。