Web Accessibility Initiative (WAI): Definición, WCAG, Guías
WAI es la iniciativa W3C produciendo estándares accesibilidad. WCAG, ARIA, ATAG, UAAG. La fuente autoritativa para guidelines accesibilidad web.
¿Qué es la Web Accessibility Initiative (WAI)?
La Web Accessibility Initiative (WAI) es la iniciativa W3C que produce los estándares, guidelines y recursos para accesibilidad web. WAI publica las Web Content Accessibility Guidelines (WCAG): el estándar global adoptado por leyes como ADA (US), EAA (EU), AODA (Ontario).
WAI fue lanzada en 1997 por Tim Berners-Lee.
Qué publica WAI
| Estándar | Audiencia | Propósito |
|---|---|---|
| WCAG | Authors contenido web / devs | Hacer páginas web accesibles |
| ARIA | Developers web app | Hacer UIs dinámicas accesibles |
| ATAG | CMS / authors editor | Hacer authoring tools accesibles |
| UAAG | Vendors browser / media player | Hacer user agents accesibles |
| WCAG-EM | Auditors / testers | Cómo evaluar sitios para compliance |
| EARL | Tools / reporting | Formato estándar para results |
WCAG: el estándar central
WCAG es lo que la mayoría de gente quiere decir cuando dice "estándares accesibilidad web". Construido alrededor de 4 principios (POUR):
- Perceivable
- Operable
- Understandable
- Robust
Niveles conformidad WCAG
| Nivel | Qué cubre | Required por |
|---|---|---|
| A (más bajo) | Accesibilidad esencial | Bar mínimo |
| AA (medio) | La mayoría de leyes + estándar común | ADA, EAA, AODA |
| AAA (más alto) | Accesibilidad más alta | Algunos contextos especializados |
ARIA: hacer UIs dinámicas accesibles
<div role="tablist">
<button role="tab" aria-selected="true">Profile</button>
</div>
<div aria-live="polite">Saved successfully</div>Recursos WAI que cada dev debería conocer
| Recurso | Qué es |
|---|---|
| WCAG 2.1 Quick Reference | Success criteria buscable |
| WAI-ARIA Authoring Practices Guide | Patterns para widgets |
| How to Meet WCAG | Checklist customizable |
| Web Accessibility Tutorials | Aprendizaje topic-based |
| Easy Checks | Audit básico 5 minutos |
| WAI Curricula | Lessons para enseñar |
Por qué importa WAI / WCAG
- Compliance legal.
- Audiencia mayor.
- Beneficio SEO.
- Contratos gobierno.
- Mejor UX para todos.
- Required por procurement.
Misconceptions comunes
- "Accesibilidad = solo usuarios ciegos".
- "Un widget overlay nos hace compliant".
- "Tests automatizados catchean todo".
- "WCAG es solo para sitios grandes".
- "WCAG es voluntario".
Pitfalls compliance WCAG comunes
- Alt text faltante.
- Contraste color insuficiente.
- Inaccesible por teclado.
- Sin indicador focus.
- Campos form sin labels.
- Links/botones vacíos.
- Video auto-playing con audio.
- Atributo language faltante.
FAQ: WAI / WCAG
¿Es WCAG legalmente requerido?
En muchas jurisdicciones, sí.
¿Versión WCAG: 2.0, 2.1, 2.2 o 3.0?
2.1 es requirement actual widespread.
¿Diferencia entre WAI y W3C?
W3C = body de estándares. WAI = la iniciativa accesibilidad.
¿Son compliant los overlays accesibilidad?
Generalmente no.
¿Cómo empiezo con WAI / WCAG?
Leer "Easy Checks".
¿Qué es la EAA?
European Accessibility Act, enforced junio 2025.
¿Es suficiente testing automatizado?
No, cachea ~30% de issues.
Testea accesibilidad + performance con LoadFocus
LoadFocus corre auditorías Lighthouse desde 25+ regiones. Regístrate en loadfocus.com/signup.
Herramientas LoadFocus relacionadas
Lleva este concepto a la práctica con LoadFocus, la misma plataforma que potencia todo lo que acabas de leer.