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 |

Détecte et corrige les violations de contraste des couleurs à l’aide des directives WCAG 2.1 et de l’analyse perceptuelle. Expert en calcul de rapport de contraste, simulation de daltonisme et fourniture d'alternatives accessibles. Activez sur "vérifier le contraste", "accessibilité des couleurs", "audit WCAG", "vérification de lisibilité", "rapport de contraste", "difficile à lire", "impossible de voir le texte". PAS pour la théorie générale des couleurs (utilisez la palette de théorie des couleurs-harmony-expert), la sélection des couleurs de la marque (utilisez web-design-expert) ou l'accessibilité non visuelle (utilisez ux-friction-analyzer). Source : erichowens/some_claude_skills.

Voir l'original