WCAG 2.1 AA: qué es, qué pide y cómo comprobar si tu web cumple
Equipo Standit9 min de lectura
WCAG son las siglas de Web Content Accessibility Guidelines, las pautas que definen qué hace accesible una web. Su nivel AA, en la versión 2.1, es la referencia técnica que se usa en Europa para cumplir la Ley 11/2023. Aquí tienes qué es, qué pide y cómo comprobar si tu web lo cumple.
Qué es WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) las publica el W3C, el organismo que define los estándares de la web, a través de su iniciativa de accesibilidad (WAI). No son una ley, sino un estándar técnico que las leyes toman como referencia.
Su gran ventaja es que se pueden comprobar: cada requisito es un criterio de conformidad que una página cumple o no cumple. Así, dos auditores distintos deberían llegar a la misma conclusión.
- WCAG 2.0 (2008): la base que siguen usando todas las versiones posteriores.
- WCAG 2.1 (junio de 2018): añade criterios para móviles, baja visión y discapacidad cognitiva.
- WCAG 2.2 (octubre de 2023): suma nueve criterios más y retira uno obsoleto.
Niveles A, AA y AAA
Cada criterio tiene asignado un nivel:
- Nivel A: lo mínimo. Sin esto, algunas personas no pueden usar la web en absoluto.
- Nivel AA: elimina las barreras más habituales. Es el nivel que exigen las leyes y normas europeas.
- Nivel AAA: el más exigente. El propio W3C no recomienda exigirlo como norma general, porque no todo contenido puede cumplirlo.
WCAG 2.1 tiene 78 criterios: 30 de nivel A, 20 de nivel AA y 28 de nivel AAA. Cumplir el nivel AA significa cumplir los 50 criterios de los niveles A y AA, sin excepciones.
Los cuatro principios
Los criterios se agrupan en cuatro principios, que en inglés se resumen como POUR:
1. Perceptible
La información tiene que poder percibirse con al menos un sentido. Textos alternativos en las imágenes, subtítulos en los vídeos y contraste suficiente entre el texto y el fondo.
2. Operable
La interfaz tiene que poder usarse de distintas formas. Todo funciona con teclado, el foco se ve, hay tiempo suficiente para cada tarea y nada parpadea de forma peligrosa.
3. Comprensible
El contenido y el funcionamiento se entienden. El idioma está declarado, la navegación es coherente y los formularios explican qué esperan y qué ha fallado.
4. Robusto
El código funciona con distintos navegadores y tecnologías de apoyo, como los lectores de pantalla. Cada control expone su nombre, su función y su estado.
Los fallos más comunes y su criterio
Estos son algunos de los problemas más habituales en webs de empresa, con el criterio de WCAG 2.1 que incumplen:
| Problema | Criterio | Nivel |
|---|---|---|
| Imágenes sin texto alternativo | 1.1.1 Contenido no textual | A |
| Campos de formulario sin etiqueta | 3.3.2 Etiquetas o instrucciones | A |
| Texto con poco contraste | 1.4.3 Contraste (mínimo) | AA |
| Iconos y bordes de campos con poco contraste | 1.4.11 Contraste no textual | AA |
| Menús o botones que no funcionan con teclado | 2.1.1 Teclado | A |
| Foco de teclado invisible | 2.4.7 Foco visible | AA |
| Enlaces «Leer más» sin contexto | 2.4.4 Propósito de los enlaces | A |
| Errores indicados solo en rojo | 1.4.1 Uso del color | A |
| Idioma de la página no declarado | 3.1.1 Idioma de la página | A |
| Contenido que se corta al ampliar | 1.4.10 Reflow | AA |
| Botones personalizados sin nombre accesible | 4.1.2 Nombre, función, valor | A |
Las cifras de contraste
El texto normal necesita un contraste de al menos 4,5:1 con el fondo. El texto grande (desde 24 px, o unos 19 px en negrita) y los iconos o bordes de campos necesitan al menos 3:1.
¿Y WCAG 2.2?
WCAG 2.2 mantiene los criterios de 2.1, retira el 4.1.1 (Procesamiento), que ya no aportaba nada con los navegadores actuales, y añade nueve criterios. Seis de ellos son de nivel A o AA:
- 2.4.11 Foco no oculto (AA): una cabecera fija o un banner de cookies no deben tapar el elemento que tiene el foco.
- 2.5.7 Movimientos de arrastre (AA): lo que se hace arrastrando debe poder hacerse también con clics.
- 2.5.8 Tamaño del objetivo (AA): controles de al menos 24 × 24 px, o con separación suficiente entre ellos.
- 3.2.6 Ayuda consistente (A): el contacto o la ayuda aparecen en el mismo sitio en todas las páginas.
- 3.3.7 Entrada redundante (A): no pedir dos veces el mismo dato dentro de un proceso.
- 3.3.8 Autenticación accesible (AA): no obligar a memorizar o transcribir nada para iniciar sesión, salvo que haya una alternativa.
La UNE-EN 301549 vigente se basa en WCAG 2.1, pero cumplir WCAG 2.2 AA implica cumplir también 2.1 AA. Si estás rediseñando, apunta directamente a 2.2. Es lo que hacemos en las auditorías de Standit: comprobamos los 55 criterios de WCAG 2.2 AA, así el trabajo sigue valiendo cuando la norma europea se actualice.
Cómo comprobar si tu web cumple
1. Herramientas automáticas
Lighthouse (integrado en Chrome), axe DevTools o WAVE detectan en segundos problemas como contrastes insuficientes, imágenes sin alt o campos sin etiqueta. Son un buen punto de partida, pero solo encuentran una parte de los problemas: no pueden saber si un texto alternativo describe bien la imagen o si el orden del foco tiene sentido.
2. Revisión manual
- Teclado: recorre la web solo con Tab, Mayús + Tab, Intro y Espacio. ¿Llegas a todo? ¿Ves siempre dónde estás?
- Zoom: amplía al 200 % y al 400 %. ¿Se lee todo sin desplazamiento horizontal?
- Lector de pantalla: prueba con NVDA en Windows o VoiceOver en Mac y iPhone. ¿Se entienden los botones, los formularios y los mensajes?
- Color: ¿se entiende la información sin distinguir colores, por ejemplo en los errores o en los gráficos?
3. Una muestra representativa
No hace falta revisar cada URL. Basta con cada plantilla (portada, listado, ficha, formulario) y los procesos completos, como el registro o la compra. Un fallo en una plantilla se repite en todas las páginas que la usan, y corregirla lo arregla en todas a la vez.
WCAG y la Ley 11/2023
La Ley 11/2023 no cita WCAG directamente: exige que los servicios sean perceptibles, operables, comprensibles y robustos, los mismos cuatro principios. La norma que traduce esos requisitos a criterios técnicos es la UNE-EN 301549, y su capítulo 9 incorpora los criterios de WCAG 2.1 nivel AA para el contenido web.
Por eso un informe útil no se queda en «cumple» o «no cumple»: indica, para cada problema, el criterio WCAG, el apartado de la norma, a quién afecta y cómo corregirlo. Es lo que hace el informe de Standit, y puedes probarlo gratis con tu web.
Preguntas frecuentes
¿WCAG es obligatorio por ley?
WCAG en sí es un estándar técnico, no una ley. Pero las normas obligatorias, como el Real Decreto 1112/2018 para el sector público o la Ley 11/2023 para muchos servicios privados, se apoyan en la UNE-EN 301549, que incorpora WCAG 2.1 AA.
¿Cuántos criterios tiene WCAG 2.1 AA?
50: los 30 criterios de nivel A y los 20 de nivel AA. WCAG 2.2 AA tiene 55, porque añade seis criterios de esos niveles y retira uno.
¿Basta con sacar 100 en Lighthouse?
No. Una puntuación de 100 en Lighthouse no garantiza que la web sea accesible: las herramientas automáticas solo detectan una parte de los problemas. Hace falta revisión manual con teclado, zoom y lector de pantalla.
Información orientativa, actualizada el 15 de septiembre de 2026. No constituye asesoramiento jurídico.