SuperAPI AI 工具集

canon-color-blindness

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

用途:用于面向色觉缺陷(CVD)进行设计或审计,确保颜色永远不会是唯一视觉信号,并检查图表、状态指示等内容在色觉缺陷下仍可辨读。核心依据是 WCAG 1.4.1:颜色传达的每条信息都必须同时通过文本、形状、图案或位置传达。

主要能力:列出 CVD 类型与大致比例——绿色盲(deuteranopia,约5%男性)、红色盲(protanopia,约2.5%男性)、蓝色盲(tritanopia,约0.01%)、全色盲(约0.003%);指出红绿色混淆最多见。给出正反示例(如红点=错误 对比 红点+“Error”文字;绿线/红线 对比 实线/虚线+图例;绿=在线/灰=离线 对比 实心圆/空心环)。

调色与图表建议:避免把红与绿作为对立信号,可用红与蓝或加图标;用明度差异而非仅色相,能在灰度下区分才算安全;顺序色板(同色相由浅到深)因明度变化而效果较好;分类色板推荐蓝、橙、紫、棕、粉、灰,避免红+绿与蓝+紫。图表应叠加不同线型(实线、虚线、点线)、不同标记形状(圆、方、三角),尽量用直接标注替代图例,并在 CVD 模拟器中测试。

测试方式:Chrome DevTools 的 Rendering → Emulate vision deficiency(Deuteranopia/Protanopia/Tritanopia);Sim Daltonism(macOS 实时叠加);Coblis(在线截图模拟)。快速检验:把界面去饱和为灰度,若仍能区分所有状态即通过。

限制与注意:资料未提供该规范的价格、平台、安装命令或代码示例;内容以设计原则与检查清单为主,需结合具体项目人工判断。