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 |

Detecta y corrige violaciones del contraste de color utilizando las pautas WCAG 2.1 y el análisis de percepción. Experto en cálculo de relación de contraste, simulación de daltonismo y en ofrecer alternativas accesibles. Active "verificar contraste", "accesibilidad de color", "auditoría WCAG", "verificación de legibilidad", "relación de contraste", "difícil de leer", "no puedo ver el texto". NO para la teoría general del color (use la paleta de teoría del color-armonía-experto), la selección de color de marca (use el experto en diseño web) o la accesibilidad no visual (use el analizador de fricción ux). Fuente: erichowens/some_claude_skills.

Ver original