color-contrast-auditor

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», «Проверка читаемости», «Коэффициент контрастности», «Трудно читать», «Текст не виден». НЕ для общей теории цвета (используйте цветовую палитру-эксперта по гармонии), выбора цвета бренда (используйте эксперта по веб-дизайну) или невизуальной доступности (используйте анализатор UX-трения). Источник: curiositech/some_claude_skills.