ENTENDER LAS WCAG

Guía completa de criterios WCAG 2.2

Todos los criterios WCAG 2.2 explicados con lenguaje claro, ejemplos reales, técnicas de corrección e impacto por tipo de discapacidad. En construcción — publicamos criterios de forma progresiva.

Los cuatro principios WCAG

WCAG 2.2 se organiza en cuatro principios. Todo el contenido web debe ser perceptible, operable, comprensible y robusto.

1. Perceptible

La información y los componentes de la interfaz deben presentarse de formas que los usuarios puedan percibir.

  • 1.1 — Alternativas textuales
  • 1.2 — Medios tempodependientes
  • 1.3 — Adaptable
  • 1.4 — Distinguible

2. Operable

Los componentes de la interfaz y la navegación deben ser operables.

  • 2.1 — Accesible por teclado
  • 2.2 — Tiempo suficiente
  • 2.3 — Convulsiones
  • 2.4 — Navegable
  • 2.5 — Modalidades de entrada

3. Comprensible

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

  • 3.1 — Legible
  • 3.2 — Predecible
  • 3.3 — Entrada asistida

4. Robusto

El contenido debe ser suficientemente robusto para ser interpretado por tecnologías de apoyo.

  • 4.1 — Compatible

Índice de criterios

Todos los criterios WCAG 2.2 organizados por principio y directriz. Los criterios con guía publicada aparecen con enlace; el resto están en preparación.

Principio 1 — Perceptible

1.1 — Alternativas textuales

1.2 — Medios tempodependientes

1.3 — Adaptable

1.4 — Distinguible

  • 1.4.1 Uso del color A
  • 1.4.2 Control del audio A
  • 1.4.3 Contraste (mínimo) AA
  • 1.4.4 Cambiar el tamaño del texto AA
  • 1.4.5 Imágenes de texto AA
  • 1.4.6 Contraste (mejorado) AAA
  • 1.4.7 Sonido de fondo bajo o nulo AAA
  • 1.4.8 Presentación visual AAA
  • 1.4.9 Imágenes de texto (sin excepciones) AAA
  • 1.4.10 Reordenación (Reflow) AA
  • 1.4.11 Contraste de componentes sin texto AA
  • 1.4.12 Espaciado del texto AA
  • 1.4.13 Contenido en hover o en foco AA

Principio 2 — Operable

2.1 — Accesible por teclado

  • 2.1.1 Teclado A
  • 2.1.2 Sin trampa de teclado A
  • 2.1.3 Teclado (sin excepción) AAA
  • 2.1.4 Atajos de teclas de caracteres A

2.2 — Tiempo suficiente

  • 2.2.1 Tiempo ajustable A
  • 2.2.2 Pausar, detener, ocultar A
  • 2.2.3 Sin límite de tiempo AAA
  • 2.2.4 Interrupciones AAA
  • 2.2.5 Reautenticación AAA
  • 2.2.6 Límites de tiempo en espera AAA

2.3 — Convulsiones y reacciones físicas

  • 2.3.1 Umbral de tres destellos o menos A
  • 2.3.2 Tres destellos AAA
  • 2.3.3 Animación desde las interacciones AAA

2.4 — Navegable

  • 2.4.1 Evitar bloques A
  • 2.4.2 Página con título A
  • 2.4.3 Orden del foco A
  • 2.4.4 Propósito de los enlaces (en contexto) A
  • 2.4.5 Múltiples vías AA
  • 2.4.6 Encabezados y etiquetas AA
  • 2.4.7 Foco visible AA
  • 2.4.8 Ubicación AAA
  • 2.4.9 Propósito de los enlaces (solo enlace) AAA
  • 2.4.10 Encabezados de sección AAA
  • 2.4.11 Foco no oculto (mínimo) AA
  • 2.4.12 Foco no oculto (mejorado) AAA
  • 2.4.13 Apariencia del foco AA

2.5 — Modalidades de entrada

  • 2.5.1 Gestos del puntero A
  • 2.5.2 Cancelación del puntero A
  • 2.5.3 Etiqueta en el nombre A
  • 2.5.4 Actuación por movimiento A
  • 2.5.5 Tamaño del objetivo (mejorado) AAA
  • 2.5.6 Mecanismos de entrada concurrentes AAA
  • 2.5.7 Movimientos de arrastre AA
  • 2.5.8 Tamaño del objetivo (mínimo) AA

Principio 3 — Comprensible

3.1 — Legible

  • 3.1.1 Idioma de la página A
  • 3.1.2 Idioma de las partes AA
  • 3.1.3 Palabras inusuales AAA
  • 3.1.4 Abreviaturas AAA
  • 3.1.5 Nivel de lectura AAA
  • 3.1.6 Pronunciación AAA

3.2 — Predecible

  • 3.2.1 Al recibir el foco A
  • 3.2.2 Al recibir entradas A
  • 3.2.3 Navegación coherente AA
  • 3.2.4 Identificación coherente AA
  • 3.2.5 Cambio a petición AAA
  • 3.2.6 Ayuda coherente A

3.3 — Entrada asistida

  • 3.3.1 Identificación de errores A
  • 3.3.2 Etiquetas o instrucciones A
  • 3.3.3 Sugerencia ante errores AA
  • 3.3.4 Prevención de errores (legal, financiero, datos) AA
  • 3.3.5 Ayuda AAA
  • 3.3.6 Prevención de errores (todos) AAA
  • 3.3.7 Entrada redundante A
  • 3.3.8 Autenticación accesible (mínimo) AA
  • 3.3.9 Autenticación accesible (mejorado) AAA

Principio 4 — Robusto

4.1 — Compatible

  • 4.1.1 Análisis sintáctico A
  • 4.1.2 Nombre, función, valor A
  • 4.1.3 Mensajes de estado AA

A = Nivel mínimo · AA = Nivel recomendado (conformidad legal EAA 2025) · AAA = Nivel óptimo

¿Quieres aprender WCAG de forma estructurada?

Estamos preparando el curso «Entender las WCAG» en YouTube. Gratuito, en abierto, sin registro.

Apuntarme a la lista de espera