Ejemplos
Contraste AA: #595959 sobre blanco = 7:1 (pasa), #767676 = 4.6:1 (pasa), #999999 = 2.8:1 (falla)<label for="email">Email</label><input id="email" type="email"> — Etiqueta correcta<button aria-expanded="false" aria-controls="menu">Menú</button> — ARIA en toggle<img src="logo.png" alt="Genfy: herramientas para desarrolladores"> — Alt descriptivofont-size: clamp(1rem, 2vw, 1.5rem); — Texto escalable sin romper layout
Preguntas frecuentes
¿WCAG AA es suficiente o necesito AAA?
AA es suficiente para la mayoría de sitios y es el nivel requerido legalmente en casi todas las jurisdicciones. AAA es aspiracional, requiere contraste 7:1 (muy difícil con diseños modernos) y otros criterios estrictos. Apuntá a AA completo antes de considerar AAA. Algunos criterios AAA son imposibles de cumplir en ciertos tipos de contenido (ej: videos en vivo con lenguaje de señas en tiempo real).
¿Cómo verifico si mi sitio cumple WCAG?
Usá herramientas automáticas primero: Lighthouse en Chrome DevTools, axe DevTools (extensión), WAVE (WebAIM). Detectan contraste, HTML semántico, alt text faltante. Después probá manualmente: navegá solo con teclado, usá un screen reader (NVDA gratis en Windows, VoiceOver en Mac). Para certificación legal, contratá una auditoría profesional: las herramientas automáticas solo detectan 30-40% de problemas.
¿El modo oscuro afecta el cumplimiento de WCAG?
Sí. Si ofrecés modo oscuro, ambos temas (claro y oscuro) deben cumplir WCAG AA independientemente. Un texto que pasa contraste en modo claro puede fallar en oscuro y viceversa. Verificá ambos. Usá custom properties CSS para cambiar colores y probá contraste en ambos temas. El usuario puede preferir oscuro por sensibilidad a luz, no es opcional.