color-accessibility

用途\ncolor-accessibility 用于无障碍颜色设计，目标是确保所有用户（包括色觉缺陷用户）都能获取并理解信息。它适合在以下场景使用：创建调色板、设计数据可视化、测试界面设计、状态指示与告警、表单校验状态、图表与图形。\n\n主要能力\n该技能围绕三个核心部分组织：颜色对比度标准、色觉缺陷模拟、无障碍颜色使用，并配有测试与验证指南。它给出了 WCAG 对比度要求的具体数值：WCAG AA（最低要求）中，正文文本为 4.5:1，大文本（18pt 及以上）为 3:1，UI 组件与图形元素为 3:1，焦点指示器为 3:1；WCAG AAA（增强要求）中，正文文本为 7:1，大文本为 4.5:1。公式为 Contrast = (L1 + 0.05) / (L2 + 0.05)，其中 L 为相对亮度。\n\n使用方式\n资料提供了一份最小可用示例，内容即为上述 WCAG 对比度比值与测试对比度的方法。测试对比度可使用的工具包括：WebAIM Contrast Checker、Color Contrast Analyzer、Figma 插件、浏览器开发者工具。更详细的实现放在 references/ 目录下的参考指南中，包括 Color Contrast Standards、Color Vision Deficiency Simulation、Accessible Color Usage、Testing & Validation。\n\n最佳实践（应做）\n确保最低 4.5:1 对比度（WCAG AA）；使用色盲模拟器测试；颜色配合图案或图标使用；用文字而非仅用颜色标注状态；与真实的色盲用户一起测试；在设计系统中记录颜色用法；选择无障碍调色板；对有序数据使用顺序色；验证所有颜色组合；包含焦点指示器。\n\n限制与不应做的事项\n不要仅用颜色传达信息；不要创建低对比度文本；不要假设用户能正确辨色；不要使用红绿组合；不要忘记焦点状态；不要混用过多颜色（超过 5-8 种）；不要将纯红与纯绿一起使用；不要跳过对比度测试；不要假设 AA 就足够（AAA 更好）；不要在测试中忽略色盲。\n\n适用场景\n该技能适用于界面配色、数据可视化、图表、状态与告警标识、表单校验状态等需要保证可访问性的设计工作。其核心判断依据是 WCAG 对比度比值与色觉缺陷模拟测试。\n\n其他信息\n官方文本暂未提供；具体安装命令与更完整的实现细节暂未提供，可参考 references/ 目录下的指南。