Guía Completa de WCAG 2.2 — Los 9 Nuevos Criterios de Éxito (2026)
🎯 ¿Qué es WCAG 2.2?
WCAG 2.2 fue publicado oficialmente en octubre de 2023 y añade 9 nuevos criterios de éxito a WCAG 2.1, centrándose en la accesibilidad móvil, la accesibilidad cognitiva y las mejoras en la experiencia del usuario.
Importante: WCAG 2.2 es compatible con versiones anteriores. Si cumple con WCAG 2.1, ya está casi ahí — pero debe abordar los nuevos criterios.
WCAG 2.2 vs WCAG 2.1 — ¿Qué ha cambiado?
| Característica | WCAG 2.1 | WCAG 2.2 |
|---|---|---|
| Total de criterios | 78 criterios | 87 criterios (+9) |
| Nivel A | 30 criterios | 33 criterios (+3) |
| Nivel AA | 20 criterios | 23 criterios (+3) |
Los 9 Nuevos Criterios de WCAG 2.2
2.4.11 — Apariencia del Enfoque AA
El indicador de enfoque del teclado debe ser altamente visible. Área mínima: perímetro de 2px del control enfocado.
/* Apariencia del enfoque según WCAG 2.4.11 */
:focus {
outline: 3px solid #3b82f6;
outline-offset: 2px;
}
2.5.8 — Tamaño del Objetivo AA
Los objetivos táctiles (botones, enlaces) deben tener al menos 24x24 píxeles CSS.
button, a, [role="button"] {
min-width: 24px;
min-height: 24px;
padding: 8px;
}
2.4.12 — Enfoque no Oculto AA
Los elementos enfocados no pueden ser completamente ocultados por otros contenidos (como cabeceras fijas).
html {
scroll-padding-top: 80px;
}
3.3.8 — Autenticación Accesible AA
Los procesos de autenticación no pueden depender de pruebas de función cognitiva (recordar contraseñas, resolver acertijos).
4.1.3 — Mensajes de Estado AA
Los mensajes de estado deben ser anunciados por lectores de pantalla sin requerir cambio de enfoque.
<div role="status" aria-live="polite">
{{ statusMessage }}
</div>
🔍 Pruebe WCAG 2.2 Ahora
Prueba de accesibilidad gratuita — incluye criterios WCAG 2.1 y 2.2.
Prueba Gratis →Prioridades de Implementación
Prioridad 1: Tamaño del Objetivo (2.5.8)
Asegúrese de que todos los objetivos táctiles tengan al menos 24x24px.
Prioridad 2: Apariencia del Enfoque (2.4.11)
Haga que el enfoque del teclado sea altamente visible.
Prioridad 3: Enfoque no Oculto (2.4.12)
Verifique que las cabeceras fijas no oculten elementos enfocados.
Herramientas de Accesibilidad Gratuitas
- Verificador ADA: Prueba gratuita →
- Verificador PDF: Verificar PDF →
- Probador de Teclado: Probar teclado →
- Contraste de Color: Verificar contraste →
👉 Todas las herramientas: All 11 Free Tools →
❓ Preguntas Frecuentes
🚀 Pruebe WCAG 2.2 Ahora
Verificador WCAG gratuito — incluye WCAG 2.1 y 2.2. Sin registro.
Prueba Gratis →Sin registro. 10 segundos. WCAG 2.2 listo.
💬 Comments (0)