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.