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 |

Erkennt und behebt Farbkontrastverletzungen mithilfe der WCAG 2.1-Richtlinien und der Wahrnehmungsanalyse. Experte für die Berechnung des Kontrastverhältnisses, die Simulation von Farbenblindheit und die Bereitstellung zugänglicher Alternativen. Aktivieren Sie „Kontrast prüfen“, „Farbzugänglichkeit“, „WCAG-Prüfung“, „Lesbarkeitsprüfung“, „Kontrastverhältnis“, „schwer lesbar“, „Text nicht sehen“. NICHT für allgemeine Farbtheorie (verwenden Sie color-theory-palette-harmony-expert), Markenfarbauswahl (verwenden Sie web-design-expert) oder nicht-visuelle Zugänglichkeit (verwenden Sie ux-friction-analyzer). Quelle: erichowens/some_claude_skills.

Original anzeigen