Qué es WCAG 2.2
El W3C publicó WCAG 2.2 como Recomendación en octubre de 2023. Mantiene todo lo de WCAG 2.1, elimina el antiguo criterio 4.1.1 Procesamiento y añade nueve criterios nuevos. La mayoría ayudan a personas con baja visión, dificultades motoras o discapacidades cognitivas.
Cada criterio tiene un nivel: A (el mínimo), AA (el objetivo legal habitual) y AAA (el más alto, que rara vez se exige para una web completa). Si cumples AA, también cumples A.
Checklist WCAG 2.2 de nivel AA
Estos son los criterios que más fallan en webs reales. La última columna indica qué puede comprobar una auditoría automática como Lensux y qué necesita todavía a una persona.
| Criterio de conformidad | Nivel | Qué revisar | Lensux |
|---|---|---|---|
| 1.1.1 Contenido no textual | A | Las imágenes informativas tienen texto alternativo; las decorativas usan alt="" vacío. | Automático: imágenes sin atributo alt |
| 1.2.2 Subtítulos (grabados) | A | Los vídeos con sonido tienen subtítulos. | Parcial: busca pistas de subtítulos en los vídeos |
| 1.3.1 Información y relaciones | A | Encabezados, listas, tablas y etiquetas son marcado real, no solo estilo. | Parcial: orden de encabezados y zonas semánticas |
| 1.3.5 Identificar el propósito de los campos | AA | Los campos de datos personales usan el valor de autocomplete correcto. | Manual |
| 1.4.1 Uso del color | A | El color nunca es la única forma de transmitir significado (errores, enlaces, gráficos). | Manual (lo señala la revisión con IA) |
| 1.4.2 Control del audio | A | El sonido que suena solo más de 3 segundos se puede pausar o silenciar. | Automático: reproducción automática con sonido |
| 1.4.3 Contraste (mínimo) | AA | El texto tiene un contraste de 4,5:1; el texto grande, 3:1. | Automático: cada texto de la página renderizada |
| 1.4.4 Cambio de tamaño del texto | AA | El texto se puede ampliar al 200 % sin perder contenido. | Parcial: tamaños en rem/em y etiqueta viewport |
| 1.4.10 Reajuste del contenido | AA | El contenido funciona a 320 px CSS de ancho sin scroll horizontal. | Parcial: desbordamiento horizontal en móvil |
| 1.4.11 Contraste no textual | AA | Botones, campos e indicadores de foco tienen un contraste de 3:1. | Manual |
| 2.1.1 Teclado | A | Todo funciona solo con el teclado. | Manual |
| 2.4.1 Evitar bloques | A | Un enlace de salto o zonas semánticas permiten saltar la navegación repetida. | Automático |
| 2.4.2 Titulado de páginas | A | Cada página tiene un título único y descriptivo. | Manual |
| 2.4.3 Orden del foco | A | El orden de tabulación sigue el orden visual y lógico. | Manual |
| 2.4.4 Propósito de los enlaces | A | El texto del enlace dice adónde lleva (nada de «haz clic aquí» suelto). | Manual |
| 2.4.7 Foco visible | AA | El foco del teclado siempre se ve. | Parcial: comprueba que existen estilos de foco |
| 2.4.11 Foco no oculto (mínimo) — nuevo | AA | Cabeceras fijas, banners y botones de chat nunca tapan del todo el elemento con foco. | Manual |
| 2.5.7 Movimientos de arrastre — nuevo | AA | Todo lo que se arrastra también se puede hacer con un solo clic o toque. | Manual |
| 2.5.8 Tamaño del objetivo (mínimo) — nuevo | AA | Las áreas de clic y toque miden al menos 24 × 24 px CSS o tienen espacio suficiente alrededor. | Automático: marca objetivos de menos de 44 px en escritorio y móvil (más estricto que WCAG) |
| 3.1.1 Idioma de la página | A | El elemento html declara el idioma de la página. | Automático |
| 3.2.6 Ayuda coherente — nuevo | A | La ayuda y el contacto aparecen en el mismo sitio en todas las páginas. | Parcial: comprueba que hay un enlace de ayuda o contacto |
| 3.3.1 Identificación de errores / 3.3.2 Etiquetas | A | Cada campo tiene una etiqueta visible; los errores se describen con texto. | Parcial: atributos de validación de formularios |
| 3.3.7 Entrada redundante — nuevo | A | No hay que escribir dos veces la misma información en un mismo proceso. | Manual |
| 3.3.8 Autenticación accesible (mínimo) — nuevo | AA | El acceso no exige pruebas de memoria ni acertijos; pegar y los gestores de contraseñas funcionan. | Manual |
| 4.1.2 Nombre, función, valor | A | Los controles personalizados exponen nombre, función y estado a las tecnologías de apoyo. | Parcial: mal uso de ARIA e IDs duplicados |
Cómo revisar una web paso a paso
Haz un análisis automático
Empieza por lo medible: contraste, texto alternativo, idioma de la página, tamaño de los objetivos y orden de los encabezados. Se arregla rápido y suele ser lo que más falla.
Usa solo el teclado
Recorre la página con el tabulador. ¿Llegas a todos los enlaces y botones, ves dónde está el foco y puedes abrir y cerrar cada menú y diálogo?
Amplía al 200 % y estrecha la ventana
El texto debe crecer sin solaparse y la página debe funcionar a 320 px de ancho sin scroll lateral.
Rellena todos los formularios
Comprueba etiquetas visibles, mensajes de error claros, autocomplete en los datos personales y que no haya que escribir nada dos veces.
Prueba un lector de pantalla en las páginas clave
VoiceOver (Mac, iPhone) y NVDA (Windows) son gratuitos. Escucha la portada, una página de producto o servicio y tu formulario principal.
WCAG y la ley en la UE
El Acta Europea de Accesibilidad (Directiva 2019/882) se aplica desde el 28 de junio de 2025 a muchos servicios para consumidores, como el comercio electrónico y la banca online. En España se ha incorporado con la Ley 11/2023 y en Alemania con la Barrierefreiheitsstärkungsgesetz (BFSG). La norma armonizada EN 301 549 remite hoy a WCAG 2.1 nivel AA; cumplir WCAG 2.2 AA también la cubre. Las microempresas que prestan servicios están exentas, pero una web accesible llega a más clientes.
Esta página es una guía práctica, no asesoramiento jurídico.
Lensux comprueba la parte automática en cada auditoría: contraste en la página renderizada, texto alternativo, idioma de la página, enlaces de salto, orden de encabezados, mal uso de ARIA, IDs duplicados, estilos de foco, reproducción automática y tamaño de las áreas táctiles en escritorio y móvil. La monitorización lo vuelve a revisar según un horario para que no se cuelen fallos nuevos.
Preguntas frecuentes
¿Es obligatorio cumplir WCAG 2.2?
Depende del país y del sector. En la UE, el Acta Europea de Accesibilidad y las normas del sector público remiten a la EN 301 549, que hoy usa WCAG 2.1 AA. WCAG 2.2 AA incluye todo lo de 2.1 AA, así que cumplir la 2.2 es el objetivo más seguro.
¿Puede una herramienta automática comprobar todo WCAG?
No. Las herramientas miden cosas como el contraste, la falta de atributos alt o el tamaño de los objetivos, pero muchos criterios necesitan criterio humano, por ejemplo si un texto alternativo tiene sentido o si el orden del foco es lógico.
¿Qué novedades trae WCAG 2.2?
Nueve criterios, entre ellos Foco no oculto, Movimientos de arrastre, Tamaño del objetivo (mínimo), Ayuda coherente, Entrada redundante y Autenticación accesible. Además se eliminó el criterio 4.1.1 Procesamiento.