Directrices WCAG 2.2

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

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