Directrices WCAG 2.2

Guía práctica, lista para desarrolladores, sobre WCAG 2.2: novedades, qué construir y cómo probar.

Última revisión: 25 de agosto de 2026.

Lista de verificación WCAG 2.2 por nivel y equipo

Use esta lista para revisar requisitos por nivel de conformidad (A, AA, AAA) y por área de trabajo (Diseño, Desarrollo, Contenido).

Nivel ANivel AANivel AAADiseñoDesarrolloContenido
RequisitoExplicación en lenguaje claroCómo probarError comúnCómo solucionarloRecurso relacionado de GetWCAG
AADesign
2.5.8 Tamaño del objetivo (mínimo) – AA
Objetivos de al menos 24×24 px CSS o con espaciado suficiente.Comprobaciones del puntero: 24×24 o espaciado; sin arrastre obligatorio. (2.5.7/2.5.8)Primary buttons and icon-only controls are too small on mobile.Increase interactive target size to at least 24x24 CSS px or add spacing.Verificador de Contraste de Color
AADevelopment
2.4.11 Foco no oculto (mínimo) – AA
Los elementos con foco deben ser al menos parcialmente visibles (evitar que la UI fija oculte el foco).Recorrido con teclado: foco visible y no oculto. (2.4.11)Sticky headers hide focused links or form controls.Adjust scroll offset and sticky layouts so focused elements remain visible.biblioteca de pruebas de cumplimiento WCAG 2.2
AADevelopment
2.5.7 Movimientos de arrastre – AA
Proporcionar una alternativa de un solo puntero al arrastre (p. ej., botones para mover/redimensionar).Comprobaciones del puntero: 24×24 o espaciado; sin arrastre obligatorio. (2.5.7/2.5.8)Drag-and-drop is required with no keyboard or tap alternative.Provide add/remove, reorder, or move buttons as single-pointer alternatives.biblioteca de pruebas de cumplimiento WCAG 2.2
AAContent
3.3.8 Autenticación accesible (mínimo) – AA
Evitar pruebas cognitivas; permitir gestores de contraseñas, copiar/pegar, passkeys, etc.Auth: permitir pegar y gestores; ofrecer passkeys/enlace por email. (3.3.8)Login flow blocks password manager paste and passkeys.Allow paste/autofill and provide authentication methods without cognitive tests.Auditorías manuales de accesibilidad realizadas por un experto
AContent
3.2.6 Ayuda coherente – A
Mantener los mecanismos de ayuda en una ubicación coherente entre páginas.Flujos de varios pasos: conservar datos; ubicación de ayuda coherente. (3.3.7 / 3.2.6)Help links or support actions move between templates.Keep support entry points in a consistent location across key pages.Ley Europea de Accesibilidad
AAADesign
2.4.13 Apariencia del foco – AAA
Indicador de foco claro con contraste suficiente.Recorrido con teclado: foco visible y no oculto. (2.4.11)Focus ring blends into backgrounds and components.Increase focus indicator thickness and contrast against adjacent colors.Verificador de Contraste de Color

Qué hay de nuevo en WCAG 2.2

WCAG 2.2 añade 9 nuevos criterios de éxito y elimina 4.1.1 Parsing. La conformidad con 2.2 implica 2.1/2.0 (compatible hacia atrás). [1]

  • 2.4.11 Foco no oculto (mínimo) – AA
    Los elementos con foco deben ser al menos parcialmente visibles (evitar que la UI fija oculte el foco). [2]
  • 2.4.12 Foco no oculto (mejorado) – AAA
    El elemento con foco es completamente visible. [3]
  • 2.4.13 Apariencia del foco – AAA
    Indicador de foco claro con contraste suficiente. [4]
  • 2.5.7 Movimientos de arrastre – AA
    Proporcionar una alternativa de un solo puntero al arrastre (p. ej., botones para mover/redimensionar). [5]
  • 2.5.8 Tamaño del objetivo (mínimo) – AA
    Objetivos de al menos 24×24 px CSS o con espaciado suficiente. [6]
  • 3.2.6 Ayuda coherente – A
    Mantener los mecanismos de ayuda en una ubicación coherente entre páginas. [7]
  • 3.3.7 Entrada redundante – A
    No obligar al usuario a reintroducir datos en flujos de varios pasos; prellenar u ofrecer “usar anterior”. [8]
  • 3.3.8 Autenticación accesible (mínimo) – AA
    Evitar pruebas cognitivas; permitir gestores de contraseñas, copiar/pegar, passkeys, etc. [9]
  • 3.3.9 Autenticación accesible (mejorada) – AAA
    Misma intención, cobertura más estricta. [10]

Lista AA (construir y probar)

Cubre estas áreas AA de alto impacto, incluidas las novedades de 2.2.

Foco y teclado

  • Todos los controles accesibles con Tab/Shift+Tab; sin trampas.
  • Contorno :focus-visible visible con buen contraste. (2.4.11/2.4.13) [11]
  • El elemento enfocado no queda oculto por encabezados/pies fijos. (2.4.11) [12]

Puntero y tamaño del objetivo

  • Alternativa al arrastre para toda funcionalidad. (2.5.7) [13]
  • Objetivos ≥ 24×24 px CSS o espaciado suficiente. (2.5.8) [14]

Formularios y autenticación

  • Etiquetas explícitas; errores útiles; estado programático.
  • No pedir la misma información dos veces en el mismo proceso. (3.3.7) [15]
  • Permitir pegar/gestores/passkeys; evitar pruebas cognitivas. (3.3.8) [16]

Ayuda y proceso

  • Ubicar enlaces de ayuda o contacto de forma coherente. (3.2.6) [17]
  • Páginas completas y procesos completos deben cumplir el nivel objetivo (no solo pantallas sueltas). [18]

Conformidad WCAG (cómo se logra)

  • Niveles: A, AA, AAA. Las políticas suelen apuntar a AA. [19]
  • Páginas completas y procesos completos: cada paso cumple el nivel. [20]
  • Tecnologías con apoyo de accesibilidad y sin contenido que incumpla los criterios. [21]
  • Compatible hacia atrás: 2.2 amplía 2.1/2.0; 4.1.1 eliminado. [22]

Flujo de pruebas (práctico)

  1. Reglas automatizadas (GetWCAG) para hallazgos rápidos.
  2. Recorrido con teclado: foco visible y no oculto. (2.4.11) [23]
  3. Comprobaciones del puntero: 24×24 o espaciado; sin arrastre obligatorio. (2.5.7/2.5.8) [24]
  4. Auth: permitir pegar y gestores; ofrecer passkeys/enlace por email. (3.3.8) [25]
  5. Flujos de varios pasos: conservar datos; ubicación de ayuda coherente. (3.3.7 / 3.2.6) [26]

“Sin problemas automáticos” ≠ conformidad. Se requiere revisión manual.

FAQ

Si cumplo 2.2 AA, ¿cumplo también 2.1 AA?

Sí, WCAG 2.2 se añade a 2.1/2.0 (4.1.1 eliminado). [27]

¿AAA es obligatorio?

Por lo general, no. Trate AAA (p. ej., 2.4.12, 2.4.13, 3.3.9) como objetivos avanzados salvo exigencia normativa. [28]

Referencias oficiales
  1. What’s new in WCAG 2.2 (W3C)
  2. Understanding 2.4.11
  3. Understanding 2.4.12
  4. Understanding 2.4.13
  5. Understanding 2.5.7
  6. Understanding 2.5.8
  7. Understanding 3.2.6
  8. Understanding 3.3.7
  9. Understanding 3.3.8
  10. Understanding 3.3.9
  11. Focus appearance guidance
  12. Focus not obscured guidance
  13. Dragging movements
  14. Target size minimum
  15. Redundant entry
  16. Accessible authentication (min)
  17. Consistent help
  18. Conformance basics
  19. WCAG overview
  20. Full pages & processes
  21. Accessibility-supported
  22. New in 2.2 / 4.1.1 note
  23. Keyboard sweep ref
  24. Pointer & target size
  25. Auth checks
  26. Process consistency
  27. 2.2 implies 2.1/2.0
  28. AAA context
Directrices WCAG 2.2 (enfoque AA), Guía práctica