WCAG 2.2 AA es el conjunto de criterios de conformidad de nivel A y AA de las Pautas de Accesibilidad para el Contenido Web (Web Content Accessibility Guidelines) 2.2, la directriz internacional para sitios web accesibles. Si tu sitio las cumple, lo pueden usar personas con baja visión, personas que usan un lector de pantalla, que solo navegan con teclado o que tienen dificultades para leer y recordar. Las normas y leyes europeas, como la European Accessibility Act, usan WCAG como vara de medir técnica.
Este artículo explica qué es WCAG, cómo funcionan las versiones y los niveles y qué hay de nuevo en la 2.2. Nos centramos en los criterios que te afectan directamente como profesional del marketing o creador de contenido, al margen de lo que resuelve tu desarrollador. Forma parte de nuestra guía completa sobre accesibilidad web.
¿Qué es WCAG y quién lo elabora?
WCAG es una directriz técnica del World Wide Web Consortium (W3C) que describe cuándo el contenido web es accesible. La redacta el Accessibility Guidelines Working Group, que forma parte de la Web Accessibility Initiative (WAI) del W3C. Así lo indica el resumen de WCAG del W3C.
WCAG no es una ley. Es un estándar abierto que adoptan legisladores y comités de normalización. Por eso encontrarás los mismos criterios en la normativa europea, en la práctica estadounidense y en la evaluación de sitios web públicos.
La directriz se compone de criterios de conformidad: requisitos verificables con un número, un nombre y un nivel. Cada criterio describe un resultado, no una técnica. El criterio 1.1.1, por ejemplo, dice que el contenido no textual debe tener una alternativa textual. Cómo se construye eso se explica en documentos aparte del W3C.
¿Qué versiones de WCAG existen?
Hay tres versiones de WCAG 2 en uso, y cada nueva versión se basa en la anterior. Según el W3C, WCAG 2.0 se publicó en diciembre de 2008, WCAG 2.1 en junio de 2018 y WCAG 2.2 en octubre de 2023.
| Versión | Publicada | Qué se añadió |
|---|---|---|
| WCAG 2.0 | Diciembre de 2008 | La base: alternativas textuales, teclado, contraste, formularios |
| WCAG 2.1 | Junio de 2018 | Sobre todo móvil y baja visión, como el reajuste del contenido (reflow) y el contraste de elementos no textuales |
| WCAG 2.2 | Octubre de 2023 | Nueve criterios nuevos sobre foco, objetivos táctiles, ayuda e inicio de sesión; se elimina 4.1.1 Procesamiento |
Las versiones son retrocompatibles. El W3C indica que el contenido que cumple WCAG 2.2 también cumple WCAG 2.1 y 2.0, y anima a usar la versión más reciente. La especificación de WCAG 2.2 tiene el estado de W3C Recommendation; la edición actual está fechada el 12 de diciembre de 2024. Además, WCAG 2.2 está recogida como norma ISO, ISO/IEC 40500:2025.
¿Qué significan los niveles A, AA y AAA?
Cada criterio de conformidad tiene un nivel, y AA es el nivel que en la práctica exigen las leyes y las normas. Los niveles son acumulativos: para AA cumples todos los criterios A y AA, y para AAA, los tres.
- El nivel A es el mínimo. Sin estos criterios, un sitio es inutilizable para algunas personas, por ejemplo porque un botón no funciona con el teclado.
- El nivel AA añade requisitos que hacen el uso viable para muchas más personas, como un contraste de color suficiente y un foco visible.
- El nivel AAA es el más alto, con requisitos más estrictos, como un contraste todavía mayor.
Por qué la norma es AA y no AAA: el W3C indica en las reglas de conformidad de WCAG 2.2 que no se recomienda exigir AAA como requisito general para sitios enteros. Con algunos contenidos no es posible cumplir todos los criterios AAA. Por eso AA es el nivel más alto que se puede exigir razonablemente a un sitio completo.
Ten en cuenta también que la conformidad se aplica a páginas completas y a procesos completos. Una página de producto accesible con un paso de pago inaccesible no cumple, porque el proceso de compra tiene que funcionar en su conjunto.
Los cuatro principios de WCAG
Todos los criterios de conformidad se agrupan bajo cuatro principios, conocidos en conjunto como POUR por sus iniciales en inglés. La especificación de WCAG 2.2 ordena las pautas así:
- Perceptible (Perceivable). La información y los componentes de la interfaz deben presentarse de forma que los usuarios puedan percibirlos. Piensa en el texto alternativo de las imágenes, los subtítulos de los vídeos y un contraste suficiente.
- Operable (Operable). Los componentes de la interfaz y la navegación deben poder manejarse. Todo funciona con teclado, el foco es visible y los objetivos táctiles son lo bastante grandes.
- Comprensible (Understandable). La información y el manejo deben ser comprensibles. El idioma de la página está definido, los formularios tienen etiquetas y los mensajes de error explican qué ha fallado.
- Robusto (Robust). El contenido debe ser lo bastante robusto para que lo interpreten distintos tipos de software, incluidas las tecnologías de apoyo. Los botones y campos tienen un nombre y un rol que un lector de pantalla puede leer.
La numeración sigue esos principios. Un criterio que empieza por 1 pertenece a perceptible; uno que empieza por 3, a comprensible.
¿Qué hay de nuevo en WCAG 2.2?
WCAG 2.2 añade nueve criterios de conformidad y elimina uno. El resumen del W3C sobre las novedades de WCAG 2.2 menciona estos criterios nuevos:
| Número | Criterio | Nivel | En lenguaje sencillo |
|---|---|---|---|
| 2.4.11 | Focus Not Obscured (Minimum) | AA | El elemento con el foco del teclado no queda completamente oculto, por ejemplo por una cabecera fija o un banner de cookies |
| 2.4.12 | Focus Not Obscured (Enhanced) | AAA | El elemento con el foco no queda tapado en absoluto |
| 2.4.13 | Focus Appearance | AAA | El indicador de foco es lo bastante grande y tiene suficiente contraste |
| 2.5.7 | Dragging Movements | AA | Lo que haces arrastrando también se puede hacer con un solo clic o toque |
| 2.5.8 | Target Size (Minimum) | AA | Los objetivos táctiles miden al menos 24 por 24 píxeles CSS, con algunas excepciones |
| 3.2.6 | Consistent Help | A | La ayuda, como los datos de contacto o un chat, está en el mismo lugar del orden en todas las páginas |
| 3.3.7 | Redundant Entry | A | No tienes que volver a escribir información que ya diste en el mismo proceso |
| 3.3.8 | Accessible Authentication (Minimum) | AA | Iniciar sesión no exige una prueba de memoria o un rompecabezas sin alternativa |
| 3.3.9 | Accessible Authentication (Enhanced) | AAA | Variante más estricta de 3.3.8, con menos excepciones |
Si apuntas a AA, hay por tanto seis criterios nuevos: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 y 3.3.8.
Se ha eliminado 4.1.1 Procesamiento (Parsing). El W3C considera obsoleto este criterio: estaba pensado para tecnologías de apoyo que tenían que analizar el HTML por su cuenta, y eso ya no es necesario. Según el W3C, los problemas que detectaba ya no existen o están cubiertos por otros criterios. Los demás criterios de 2.0 y 2.1 siguen, según el W3C, esencialmente sin cambios.
¿Qué criterios de WCAG te afectan a ti como profesional del marketing?
Gran parte de WCAG está en el diseño y el código, pero buena parte la decides tú cada día en tu CMS. Cada imagen, encabezado, enlace y formulario que publicas está sujeto a un criterio de conformidad. Los números y niveles de abajo proceden de la especificación de WCAG 2.2.
| Número | Criterio | Nivel | Qué haces tú |
|---|---|---|---|
| 1.1.1 | Non-text Content | A | Da a las imágenes informativas un texto alternativo; a las decorativas, un alt vacío |
| 1.2.2 | Captions (Prerecorded) | A | Pon subtítulos a los vídeos con locución |
| 1.3.1 | Info and Relationships | A | Usa encabezados reales (H2, H3) y listas, no texto en negrita que parece un encabezado |
| 1.4.3 | Contrast (Minimum) | AA | Mantén el contraste del texto en al menos 4,5:1, y 3:1 para texto grande (18 puntos, o 14 puntos en negrita) |
| 1.4.11 | Non-text Contrast | AA | Asegúrate de que botones, campos de entrada e iconos tengan suficiente contraste con el fondo |
| 2.4.2 | Page Titled | A | Da a cada página un título que describa su tema |
| 2.4.4 | Link Purpose (In Context) | A | Escribe textos de enlace que digan adónde lleva el enlace, nada de "haz clic aquí" |
| 2.4.6 | Headings and Labels | AA | Haz que los encabezados y las etiquetas describan el tema o la finalidad |
| 2.4.7 | Focus Visible | AA | No dejes que tu tema o tu identidad visual eliminen el contorno del foco |
| 2.4.11 | Focus Not Obscured (Minimum) | AA | Comprueba que los banners de cookies, los botones de chat y las cabeceras fijas no tapen el foco por completo |
| 2.5.8 | Target Size (Minimum) | AA | Haz que los botones e iconos de campañas y landing pages midan al menos 24 por 24 píxeles CSS |
| 3.1.1 | Language of Page | A | Define el idioma correcto de la página, sobre todo en sitios multilingües |
| 3.1.2 | Language of Parts | AA | Marca los fragmentos en otro idioma, como una cita en inglés |
| 3.2.6 | Consistent Help | A | Pon los datos de contacto, el chat o el centro de ayuda en el mismo lugar en todas las páginas |
| 3.3.2 | Labels or Instructions | A | Da a cada campo de formulario una etiqueta visible, no solo un texto de marcador de posición |
| 3.3.7 | Redundant Entry | A | En un proceso de registro o de pedido, no pidas dos veces el mismo dato |
| 3.3.8 | Accessible Authentication (Minimum) | AA | Para iniciar sesión, elige opciones sin captcha de rompecabezas u ofrece una alternativa |
Algunos de estos criterios merecen especial atención, porque en el trabajo de marketing fallan a menudo.
Contraste en las campañas. El texto gris claro, el texto sobre una foto y los colores corporativos con poca diferencia entre sí son los clásicos. Una relación de contraste de 4,5:1 suena técnica, pero cualquier selector de color o comprobador de contraste te la calcula.
Texto alternativo que diga algo. Un texto alternativo como "imagen" o el nombre del archivo no ayuda a nadie. Describe lo que la imagen cuenta en ese contexto. Eso ayuda también a los buscadores y a los sistemas de IA, que entienden las imágenes a través de ese texto; consulta contenido que cita la IA.
Ayuda coherente y entrada redundante. Estos dos criterios nuevos de nivel A afectan a las landing pages y a los flujos de registro. Un botón de chat que en cada página está en un sitio distinto, o un formulario que en el paso tres vuelve a pedirte el correo electrónico, no cumple.
En el resumen de los errores de accesibilidad más comunes encontrarás la solución en HTML de cada error.
¿Qué relación hay entre WCAG, la EN 301 549 y la EAA?
La European Accessibility Act define el resultado final, y la norma europea EN 301 549 lo traduce a WCAG en el caso de los sitios web. La EAA (Directiva (UE) 2019/882) describe qué productos y servicios deben ser accesibles. Las normas armonizadas otorgan una presunción de conformidad: si las cumples, se considera que cumples los requisitos legales.
Qué versión de WCAG cuenta depende de la versión de la EN 301 549:
- EN 301 549 V3.2.1 (2021) remite a WCAG 2.1 para el contenido web. Así consta en la propia norma publicada por ETSI.
- EN 301 549 V4.1.1 remite a WCAG 2.2. El texto de la V4.1.1 en ETSI incluye los criterios nuevos, como el 3.3.8 sobre inicio de sesión accesible.
Según la National Disability Authority de Irlanda, la V4.1.1 se publicó el 2 de septiembre de 2026, pero no es jurídicamente determinante hasta que la Comisión Europea publique la referencia de la norma en el Diario Oficial. Se espera que eso ocurra el 16 de diciembre de 2026. Hasta entonces, la norma vigente sigue siendo la V3.2.1, con WCAG 2.1.
En la práctica, esto significa que si ahora trabajas en WCAG 2.2 AA, también cumples WCAG 2.1 AA y estás preparado para la nueva norma. Lo que la EAA exige además a tu empresa lo explicamos en el artículo sobre la European Accessibility Act. Esto es una explicación de las normas y no asesoramiento jurídico; si tienes dudas sobre tu situación, consulta a un abogado o a la autoridad de supervisión.
¿Qué es WCAG 3.0?
WCAG 3.0 es un borrador de trabajo del W3C y todavía no es un estándar vigente. En su introducción a WCAG 3, el W3C lo describe como un borrador incompleto que aún cambiará. En septiembre de 2026 se publicó un Working Draft actualizado.
Según el W3C, faltan todavía varios años para que WCAG 3 sea un estándar terminado. WCAG 3 tampoco sustituye a WCAG 2 de inmediato: el W3C indica que WCAG 2 no quedará obsoleto hasta años después de que se complete WCAG 3. El consejo del W3C es claro: la mejor preparación para WCAG 3 es cumplir ahora WCAG 2.2.
Cómo comprobarlo en tu propio sitio
Con estos pasos sabrás en qué situación está tu sitio respecto a WCAG 2.2 AA:
- Elige tus páginas más importantes. Toma la página de inicio, una landing page, una página de producto o servicio, un formulario y, si lo tienes, el proceso de compra.
- Lanza una prueba automática. Una herramienta basada en axe-core detecta textos alternativos que faltan, campos sin etiqueta, enlaces y botones vacíos y un atributo de idioma ausente.
- Revisa el contraste manualmente. Mide el texto sobre imágenes, los botones y los tonos claros con un comprobador de contraste, porque el contraste requiere una representación real de la página.
- Navega solo con el teclado. Pulsa Tab para recorrer la página y comprueba si siempre ves dónde está el foco y si un banner de cookies o un botón de chat no lo tapa.
- Repasa tu contenido. Revisa encabezados, textos de enlace, textos alternativos, subtítulos y si la ayuda está en el mismo lugar en todas las páginas.
- Documenta lo que encuentres. Usa tus hallazgos para un plan de mejora y para tu declaración de accesibilidad.
En probar la accesibilidad web encontrarás más sobre el reparto entre trabajo automático y manual. El control de accesibilidad de Flowproof está incluido en los planes de pago Pro y Business. Prueba tus páginas con axe-core frente a WCAG 2.0, 2.1 y 2.2 en los niveles A y AA, muestra en cada hallazgo el criterio de conformidad y el nivel, e indica con honestidad que el contraste de color debe revisarse manualmente. Consulta los planes en la página de precios.