WCAG 2.1 Pautas de Accesibilidad: Resumen Práctico

Las Web Content Accessibility Guidelines (WCAG) 2.1 son el estándar internacional que define qué significa que un sitio web sea accesible. Si necesitas cumplir la ley europea de accesibilidad 2025, las WCAG 2.1 son tu mapa de referencia.

El documento oficial tiene más de 80 páginas. Aquí lo resumimos en lo que de verdad necesitas saber.

Los cuatro principios: POUR

Todo en WCAG se organiza alrededor de cuatro principios. Si recuerdas solo una cosa, que sea esta:

1. Perceptible

La información y los componentes de la interfaz deben ser presentables a los usuarios de formas que ellos puedan percibir. Esto significa:

• Texto alternativo en todas las imágenes informativas.
• Subtítulos y transcripciones en contenido audiovisual.
• Contenido adaptable: se puede presentar de diferentes formas sin perder información.
• Contraste suficiente entre texto y fondo (mínimo 4.5:1).

2. Operable

Los componentes de la interfaz y la navegación deben ser operables. Es decir, que todas las personas puedan usarlos:

• Toda funcionalidad disponible por ratón debe estar disponible por teclado.
• No hay límites de tiempo que impidan completar una acción.
• No hay contenido que cause convulsiones o reacciones físicas (parpadeo).
• Navegación clara: el usuario siempre sabe dónde está y cómo moverse.

3. Comprensible

La información y el manejo de la interfaz deben ser comprensibles:

• Texto legible y a un nivel de lectura adecuado.
• Las páginas funcionan de forma predecible: los componentes hacen lo que se espera.
• Prevención y corrección de errores en formularios: sugerencias, validaciones claras.

4. Robusto

El contenido debe ser lo suficientemente robusto para ser interpretado de forma fiable por una amplia variedad de agentes de usuario, incluyendo tecnologías de asistencia:

• HTML válido y semántico.
• Uso correcto de ARIA cuando el HTML no basta.
• Compatibilidad con lectores de pantalla y otras tecnologías de asistencia.

Niveles de conformidad: A, AA, AAA

Las WCAG tienen tres niveles de conformidad. No necesitas cumplirlos todos, pero saber cuál te exige la ley es clave:

• Nivel A (mínimo): 30 criterios. Es la barrera más baja. Cumplir solo esto no es suficiente para la mayoría de legislaciones.
• Nivel AA (medio): 20 criterios adicionales. Es el nivel que exigen tanto la European Accessibility Act como la normativa española. Es tu objetivo real.
• Nivel AAA (máximo): 28 criterios adicionales. No se exige a sitios completos, pero es deseable en contenido crítico.

Los criterios que más fallan

En nuestras auditorías de accesibilidad, estos son los criterios WCAG 2.1 que fallan con más frecuencia:

1.1.1 Contenido no textual (Nivel A)

Imágenes sin alt o con alt genérico. Es el error más común y el más fácil de arreglar.

1.4.3 Contraste mínimo (Nivel AA)

Texto con contraste inferior a 4.5:1. Especialmente común en diseños minimalistas con texto gris sobre blanco.

2.1.1 Teclado (Nivel A)

Funcionalidades que solo funcionan con ratón. Menús desplegables, carruseles y modales son los principales culpables de los errores que pierden clientes.

3.3.2 Etiquetas o instrucciones (Nivel A)

Formularios donde los campos no tienen etiquetas asociadas programáticamente.

4.1.2 Nombre, rol, valor (Nivel A)

Componentes interactivos (botones, enlaces, formularios) sin los atributos ARIA correctos para que las tecnologías de asistencia los identifiquen.

WCAG 2.1 vs WCAG 2.2: ¿qué cambia?

Las WCAG 2.2, publicadas en octubre de 2023, añaden 9 criterios nuevos sobre la versión 2.1. La mayoría se centran en mejoras para personas con discapacidades cognitivas y motoras. La EAA referencia explícitamente WCAG 2.1, pero muchos expertos recomiendan aspirar a 2.2 para estar cubierto.

Cómo verificar si cumples

Existen herramientas gratuitas que dan una primera evaluación automática, pero recuerda: las herramientas detectan solo alrededor del 30% de los errores. Para una verificación completa necesitas revisión manual por un experto.

Una auditoría profesional combina ambas cosas: escaneo automático más prueba humana, y entrega un informe mapeado directamente a los criterios WCAG para que sepas exactamente qué corregir.

Para las pymes, cumplir WCAG 2.1 AA no tiene por qué ser caro. Lo costoso es no hacerlo: multas, clientes perdidos y peor posicionamiento en Google, porque la accesibilidad también es SEO.

Checklist rápido: ¿cumples WCAG 2.1 AA?

Antes de contratar a nadie, puedes hacer un autochequeo con esta lista de verificación de los criterios WCAG 2.1 AA que más frecuentemente fallan. Si respondes "no" o "no lo sé" a cualquiera de estos, necesitas una auditoría:

• ¿Todas las imágenes informativas tienen texto alternativo descriptivo?
• ¿El contraste entre texto y fondo es al menos 4.5:1 (texto normal) o 3:1 (texto grande)?
• ¿Todo se puede operar solo con teclado (Tab, Enter, Espacio, flechas)?
• ¿Cada formulario tiene etiquetas (<label>) visibles y asociadas a cada campo?
• ¿Cada página tiene un <h1> único y descriptivo?
• ¿Los mensajes de error de formulario son claros y se asocian al campo correspondiente?
• ¿Los enlaces usan texto descriptivo (no "haz clic aquí")?
• ¿El sitio no se rediseña ni pierde contenido al ampliar el zoom a 200%?
• ¿Los vídeos tienen subtítulos?
• ¿El foco visible (outline al navegar con Tab) es claramente distinguible?

Si tienes más de dos "no", tu web probablemente no cumple WCAG 2.1 AA y necesitas correcciones. Una auditoría profesional te dará el detalle exacto.