color-contrast-auditor

SKILL.md

Detects color contrast violations that make text unreadable and provides WCAG-compliant fixes. Uses both mathematical contrast ratio analysis and perceptual evaluation via vision capabilities.

| Normal text (<24px, <18.66px bold) | 4.5:1 | Body copy, labels, buttons | | Large text (≥24px or ≥18.66px bold) | 3:1 | Headlines, hero text | | UI components (borders, icons) | 3:1 | Form inputs, icons, focus rings | | Graphical objects | 3:1 | Charts, infographics |

| Normal text | 7:1 | | Large text | 4.5:1 |

使用 WCAG 2.1 指南和感知分析检测并修复颜色对比度违规。对比度计算、色盲模拟方面的专家，并提供可用的替代方案。激活“检查对比度”、“颜色可访问性”、“WCAG 审核”、“可读性检查”、“对比度”、“难以阅读”、“看不到文本”。不适用于一般色彩理论（使用 color-theory-palette-harmony-expert）、品牌颜色选择（使用 web-design-expert）或非视觉可访问性（使用 ux-friction-analyzer）。 来源：erichowens/some_claude_skills。

查看原文