¿Qué son las WCAG 2.2?

Las Web Content Accessibility Guidelines (WCAG) 2.2 son la última versión del estándar internacional de accesibilidad web, publicadas oficialmente el 5 de octubre de 2023 por el World Wide Web Consortium (W3C).

No es una revolución, sino una evolución de WCAG 2.1. Los nuevos criterios se centran especialmente en mejorar la accesibilidad para personas con discapacidades cognitivas y usuarios de dispositivos móviles.

📅 Línea temporal de WCAG

Diciembre 2008

WCAG 2.0 - Primera versión estable y ampliamente adoptada

Junio 2018

WCAG 2.1 - Añade 17 criterios enfocados en móvil, baja visión y cognitivo

Octubre 2023

WCAG 2.2 - Añade 9 criterios, mejora accesibilidad cognitiva y móvil

En desarrollo

WCAG 3.0 - Cambio mayor de paradigma (aún en borrador inicial)

¿Qué significa para tu ONG?

¿Estás obligado a cumplir WCAG 2.2?

Depende de tu jurisdicción y financiación:

  • En España: El Real Decreto 1112/2018 actualmente exige WCAG 2.1 nivel AA. La actualización a 2.2 no es obligatoria inmediatamente, pero se espera que la normativa se actualice.
  • Unión Europea: La European Accessibility Act se está implementando y se espera que adopte WCAG 2.2.
  • Recomendación: Aunque no sea obligatorio aún, empezar a implementar WCAG 2.2 te pone adelante y evita trabajar dos veces.

💡 Mi recomendación

Si estás haciendo mejoras de accesibilidad ahora, implementa directamente WCAG 2.2. El esfuerzo adicional es mínimo y te aseguras de estar al día cuando la normativa se actualice.

Los 9 nuevos criterios de éxito

Vamos a revisar cada uno de los nuevos criterios y qué significan para tu organización:

2.4.11 Focus Not Obscured (Minimum)

AA

Cuando un elemento recibe el foco del teclado, debe ser visible. No puede estar completamente oculto por otros elementos (sticky headers, modals, etc.)

Ejemplo común en ONGs: Tu web tiene un banner de cookies o un botón de donación fijo en la parte inferior. Asegúrate de que no tape los enlaces cuando navegas con Tab.

Impacto: Medio. Afecta a webs con elementos fijos o superpuestos.

2.4.12 Focus Not Obscured (Enhanced)

AAA

Versión más estricta: el elemento con foco debe estar completamente visible, sin ninguna parte oculta.

Impacto: Bajo para nivel AA. Solo relevante si buscas AAA.

2.4.13 Focus Appearance

AAA

El indicador de foco debe tener un área mínima y un contraste mínimo de 3:1 contra el fondo adyacente.

Solución práctica: Usa un outline de al menos 2px con un color que contraste bien. Muchos navegadores modernos ya cumplen esto por defecto.

Impacto: Bajo. Más relevante para AAA, pero buena práctica para todos.

2.5.7 Dragging Movements

AA

Si tu web requiere arrastrar elementos, debe haber una alternativa con un solo puntero (click/tap).

Ejemplo: Si tienes un slider de imágenes que se arrastra, añade botones de siguiente/anterior. Si tienes un mapa interactivo, añade zoom con botones +/-.

Impacto: Bajo. La mayoría de ONGs no usan mucho drag & drop.

2.5.8 Target Size (Minimum)

AA

Los objetivos táctiles (enlaces, botones) deben tener al menos 24x24 píxeles CSS, con algunas excepciones.

Caso típico en ONGs: Enlaces en el pie de página o en el menú móvil a menudo son muy pequeños. Asegúrate de que tengan suficiente padding y sean fáciles de tocar en móvil.

Impacto: Alto. Muchas webs de ONGs tienen enlaces pequeños en móvil.

3.2.6 Consistent Help

A

Si ofreces ayuda (email, teléfono, chat), debe estar en el mismo lugar en todas las páginas.

Solución simple: Añade tus datos de contacto en el mismo lugar del footer en todas las páginas. Considera un botón de "Contacto" siempre visible.

Impacto: Bajo. Fácil de cumplir con un footer consistente.

3.3.7 Redundant Entry

A

No pidas al usuario la misma información dos veces en el mismo proceso. Usa autocompletado o recupera la info previamente ingresada.

Ejemplo en formularios de donación: Si pides la dirección en el paso 1 y en el paso 3, rellénala automáticamente en el paso 3. Usa el atributo autocomplete de HTML5.

Impacto: Medio. Especialmente relevante para formularios multi-paso.

3.3.8 Accessible Authentication (Minimum)

AA

No requieras que los usuarios resuelvan puzzles o recuerden información para autenticarse (excepto reconocimiento de objetos o contenido personal).

Aplicable a: Áreas privadas para socios, intranets. Permite login con email o con gestores de contraseñas. Evita CAPTCHAs complejos.

Impacto: Medio. Si tienes área privada, revísalo.

3.3.9 Accessible Authentication (Enhanced)

AAA

Versión más estricta: tampoco se permite el reconocimiento de objetos.

Impacto: Bajo para AA. Solo relevante si buscas AAA.

Criterios eliminados

WCAG 2.2 también elimina un criterio que causaba problemas:

4.1.1 Parsing (ELIMINADO)

A

Este criterio exigía HTML válido sin errores de sintaxis. Se eliminó porque los navegadores modernos son muy tolerantes y este requisito causaba confusión sin aportar valor real de accesibilidad.

Qué significa: Ya no te penalizan por errores menores de HTML, pero seguimos recomendando HTML semántico y bien estructurado.

Prioridades de implementación para ONGs

Si tu ONG tiene recursos limitados (como la mayoría), prioriza en este orden:

  1. 2.5.8 Target Size: Revisa tamaños de enlaces y botones en móvil. Es el que más impacto tiene y más fácil de arreglar.
  2. 3.3.7 Redundant Entry: Si tienes formularios multi-paso (donaciones, inscripciones), implementa autocompletado.
  3. 3.2.6 Consistent Help: Asegura que el contacto esté siempre en el mismo lugar. Muy fácil de implementar.
  4. 2.4.11 Focus Not Obscured: Si tienes elementos fijos (banners, botones flotantes), verifica que no tapen el foco.
  5. 3.3.8 Accessible Authentication: Solo si tienes área privada. Revisa tu sistema de login.

Cómo empezar la transición

1. Auditoría de cumplimiento

Primero necesitas saber dónde estás:

  • ¿Cumples WCAG 2.1 AA? Si no, prioriza eso primero.
  • Una vez en 2.1, audita los 9 nuevos criterios de 2.2.
  • Las herramientas automáticas aún no detectan todos los criterios 2.2, necesitas revisión manual.

2. Plan de implementación

No intentes hacerlo todo a la vez:

  • Fase 1 (1-2 meses): Criterios de nivel A (Consistent Help, Redundant Entry)
  • Fase 2 (2-3 meses): Criterios AA de alto impacto (Target Size, Focus Not Obscured)
  • Fase 3 (opcional): Si buscas AAA, los criterios enhanced

3. Documentación

Actualiza tu declaración de accesibilidad:

  • Indica que estás en proceso de transición a WCAG 2.2
  • Lista qué criterios nuevos ya cumples
  • Menciona el calendario de implementación del resto

¿Necesitas ayuda con WCAG 2.2?

Ofrezco auditorías específicas de WCAG 2.2 y planes de implementación adaptados al tercer sector.

Solicitar auditoría

Recursos adicionales

  • Documentación oficial: WCAG 2.2 Quick Reference
  • What's New in WCAG 2.2: Artículo oficial del W3C
  • Focus Visible polyfill: Para navegadores que no lo soportan bien
  • Extensión A11y Checker Pro: Mi herramienta gratuita para validar accesibilidad

Preguntas frecuentes

¿Puedo seguir usando WCAG 2.1?

Sí, de momento. WCAG 2.2 es compatible hacia atrás con 2.1. Todo lo que cumple 2.1 sigue siendo válido en 2.2. Simplemente hay requisitos adicionales.

¿Cuánto cuesta adaptarse a WCAG 2.2?

Si ya cumples WCAG 2.1 AA, la transición a 2.2 es relativamente económica. Para una web típica de ONG:

  • Auditoría de los 9 nuevos criterios: 400-800€
  • Implementación de correcciones: 800-2.000€
  • Total: 1.200-2.800€ aproximadamente

¿Hay herramientas que detecten WCAG 2.2?

Las herramientas automáticas están empezando a añadir soporte para 2.2, pero muchos criterios requieren revisión manual. Mi extensión A11y Checker Pro incluye verificación de varios criterios 2.2.

Conclusión

WCAG 2.2 no es un cambio radical, sino una mejora incremental enfocada en usuarios con discapacidades cognitivas y móvil. Para la mayoría de ONGs, los cambios son manejables y mejoran la experiencia de todos los usuarios.

No esperes a que sea obligatorio. Empezar ahora te da tiempo para implementar los cambios gradualmente y asegura que tu web está preparada para futuras auditorías.

Recuerda: la accesibilidad es un viaje, no un destino. Cada mejora cuenta.