用途:该技能聚焦色盲适配、对比度检查与包容性配色设计,帮助界面、图表和视觉内容在色觉差异下仍可辨识。
主要能力:说明色觉缺陷类型及大致男性患病率,包括绿色盲(deuteranopia,约1%,红绿混淆)、红色盲(protanopia,约1%,红绿混淆)、蓝色盲(tritanopia,约0.003%,蓝黄混淆)和全色盲(achromatopsia,约0.003%,仅见灰度)。给出设计规则:不要仅用颜色作为唯一指示,需搭配图标、文字或图案;红配绿必须配合勾号/叉号等图标;使用色盲安全调色板,如蓝配橙对几乎所有类型都安全;图表在颜色之外使用图案或纹理,并直接标注。
安全组合:蓝+橙(对所有类型安全)、蓝+黄(对多数类型安全)、深蓝+浅蓝(依靠明度对比)。危险组合:红+绿(最常见混淆)、红+棕(绿色盲)、蓝+紫(蓝色盲)。
使用方式:可用 Chrome DevTools 的 Rendering > Emulate vision deficiency 模拟测试;资料未提供安装命令或代码示例。
适用场景:UI 配色、数据可视化、图表、状态提示与品牌视觉的可访问性审查。
限制:资料仅覆盖色觉缺陷与配色规则,未提供具体工具实现、自动化检查流程、收费或平台信息,相关细节暂未提供。