色盲模拟器和检查器
指导
色盲模拟器和检查器
看看您的图像和色板在有色觉缺陷的人眼中是什么样的。模拟8种CVD类型并测试您的设计是否符合WCAG对比度规定,以确保所有用户的可访问性。
如何使用
上传图像或输入颜色值进行模拟。选择一种色觉缺陷类型,查看您的设计在受影响用户眼中的外观。使用对比度检查器验证您的颜色组合是否符合WCAG可访问性标准。
特征
- 8种CVD模拟 – 全色盲、重绿色盲、三色盲、全色弱、重绿色弱、三色弱、全色盲(无色)和全色弱(弱色)
- 图像模拟 – 上传任何图像,并通过不同的CVD视角查看它
- 色板测试 – 检查每种类型下单个颜色和色板的外观
- WCAG对比度检查器 – 验证前景/背景颜色组合是否符合AA和AAA标准
- 并排比较 – 比较原始视图和模拟视图
- 客户端处理 – 您的图像保留在您的浏览器中
常问问题
-
是什么原因导致色盲以及它有多普遍?
色盲(色觉缺陷)通常是通过X连锁隐性基因遗传的,这就是为什么它影响约8%的男性但只有0.5%的女性。当视网膜中的一种或多种锥状细胞类型缺失或功能障碍时,就会发生这种情况。三种锥状细胞类型分别响应红色(长)、绿色(中)和蓝色(短)波长。大多数色盲个体并非真正对颜色“盲”,而是感知到可区分色调的范围减小。
-
全色盲、重绿色盲和三色盲之间有什么区别?
这是三种二色视(缺少一种锥状细胞类型的完全缺失)。全色盲缺少对红色敏感的锥状细胞,导致红色显得暗淡且与绿色无法区分。重绿色盲缺少对绿色敏感的锥状细胞,与红绿混淆类似但没有变暗。三色盲缺少对蓝色敏感的锥状细胞,造成蓝黄混淆。全色盲和重绿色盲更为常见(分别影响约2%和6%的男性),而三色盲则相当罕见(约占人口的0.01%)。
-
为什么为颜色可访问性进行设计很重要?
全球约有3亿人患有某种形式的色觉缺陷。如果信息仅通过颜色传递——例如红色表示错误,绿色表示成功——这些用户可能会错过关键反馈。可访问的设计使用多种线索:图标、图案、标签以及与颜色相关的足够对比度。WCAG指南建议文本的最低对比度比率为4.5:1,并建议切勿将颜色作为传达信息的唯一手段。
