Lista de verificación WCAG 2.2: Los 86 criterios de conformidad explicados

Esta lista de verificación cubre todos los criterios de conformidad de WCAG 2.2, organizados según los cuatro principios POUR y las trece directrices. Cada criterio incluye su nivel de conformidad, una explicación práctica y orientación sobre lo que significa en la práctica.

Principio 1: Perceptible

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

Directriz 1.1: Alternativas textuales

1.1.1 Contenido no textual (Nivel A) — Todo el contenido no textual presentado al usuario tiene una alternativa textual que cumple un propósito equivalente. Esto incluye imágenes, iconos, gráficos, audio, vídeo, animaciones, CAPTCHA y elementos decorativos. Las imágenes informativas necesitan texto alternativo descriptivo. Las imágenes funcionales necesitan texto alternativo que describa la función. Las imágenes decorativas necesitan texto alternativo vacío. Las imágenes complejas necesitan descripciones textuales detalladas.

Directriz 1.2: Medios temporales

1.2.1 Solo audio y solo vídeo – Pregrabado (Nivel A) — Proporciona una transcripción para el contenido pregrabado solo de audio y una transcripción o audiodescripción para el contenido pregrabado solo de vídeo.

1.2.2 Subtítulos – Pregrabado (Nivel A) — Proporciona subtítulos sincronizados para todo el contenido de vídeo pregrabado con audio.

1.2.3 Audiodescripción o alternativa mediática – Pregrabado (Nivel A) — Proporciona una audiodescripción o una alternativa textual completa para el contenido de vídeo pregrabado.

1.2.4 Subtítulos – En directo (Nivel AA) — Proporciona subtítulos en tiempo real para todo el audio en directo en contenido de vídeo.

1.2.5 Audiodescripción – Pregrabado (Nivel AA) — Proporciona audiodescripciones para todo el contenido de vídeo pregrabado donde la información visual importante no se transmite ya a través del audio.

Directriz 1.3: Adaptable

1.3.1 Información y relaciones (Nivel A) — La información, la estructura y las relaciones transmitidas mediante la presentación se pueden determinar programáticamente o están disponibles en texto. Utiliza marcado adecuado de encabezados, listas, tablas, etiquetas de formulario y landmarks para transmitir la estructura que es visualmente aparente.

1.3.2 Secuencia significativa (Nivel A) — Cuando la secuencia en la que se presenta el contenido afecta a su significado, se puede determinar programáticamente una secuencia de lectura correcta. El orden del DOM debe coincidir con el orden visual.

1.3.3 Características sensoriales (Nivel A) — Las instrucciones para comprender y operar el contenido no dependen únicamente de características sensoriales como forma, color, tamaño, ubicación visual, orientación o sonido.

1.3.4 Orientación (Nivel AA) — El contenido no restringe su visualización y funcionamiento a una única orientación de pantalla a menos que una orientación específica sea esencial.

1.3.5 Identificar el propósito de la entrada (Nivel AA) — El propósito de los campos de entrada de formulario que recogen información del usuario se puede determinar programáticamente utilizando el atributo autocomplete.

Directriz 1.4: Distinguible

1.4.1 Uso del color (Nivel A) — El color no se utiliza como único medio visual para transmitir información, indicar una acción, solicitar una respuesta o distinguir un elemento visual.

1.4.2 Control de audio (Nivel A) — Si el audio se reproduce automáticamente durante más de tres segundos, proporciona un mecanismo para pausar, detener o controlar el volumen de forma independiente.

1.4.3 Contraste – Mínimo (Nivel AA) — El texto y las imágenes de texto tienen un ratio de contraste de al menos 4,5:1, excepto para texto grande (3:1), texto incidental y logotipos.

1.4.4 Redimensionar texto (Nivel AA) — El texto puede redimensionarse hasta un 200 % sin pérdida de contenido ni funcionalidad.

1.4.5 Imágenes de texto (Nivel AA) — Se utiliza texto para transmitir información en lugar de imágenes de texto, excepto cuando una presentación visual particular sea esencial.

1.4.10 Reflujo (Nivel AA) — El contenido puede presentarse sin pérdida de información ni funcionalidad y sin requerir desplazamiento en dos dimensiones a 320 píxeles CSS de ancho para contenido vertical y 256 píxeles CSS de alto para contenido horizontal.

1.4.11 Contraste no textual (Nivel AA) — Los componentes de la interfaz de usuario y los objetos gráficos significativos tienen un ratio de contraste de al menos 3:1 con los colores adyacentes.

1.4.12 Espaciado de texto (Nivel AA) — No se produce pérdida de contenido ni funcionalidad cuando los usuarios ajustan la altura de línea a 1,5x el tamaño de la fuente, el espaciado entre párrafos a 2x el tamaño de la fuente, el espaciado entre letras a 0,12x el tamaño de la fuente y el espaciado entre palabras a 0,16x el tamaño de la fuente.

1.4.13 Contenido al pasar el cursor o enfocar (Nivel AA) — Cuando recibir o retirar el cursor del ratón o el foco del teclado hace que aparezca y desaparezca contenido adicional, ese contenido es descartable, accesible con el cursor y persistente.

Principio 2: Operable

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

Directriz 2.1: Accesible por teclado

2.1.1 Teclado (Nivel A) — Toda la funcionalidad es operable a través de una interfaz de teclado sin requerir tiempos específicos.

2.1.2 Sin trampa de teclado (Nivel A) — Si el foco del teclado puede moverse a un componente, el foco también puede retirarse usando solo el teclado.

2.1.4 Atajos de teclado con caracteres (Nivel A) — Si un atajo de teclado utiliza solo caracteres de letras, puntuación, números o símbolos, el atajo puede desactivarse, reasignarse o activarse solo cuando el componente relevante tenga el foco.

Directriz 2.2: Tiempo suficiente

2.2.1 Tiempo ajustable (Nivel A) — Para cualquier límite de tiempo establecido por el contenido, el usuario puede desactivar, ajustar o extender el límite de tiempo.

2.2.2 Pausar, detener, ocultar (Nivel A) — Para contenido que se mueve, parpadea, se desplaza o se actualiza automáticamente y que comienza automáticamente y dura más de cinco segundos, los usuarios pueden pausar, detener u ocultarlo.

Directriz 2.3: Convulsiones y reacciones físicas

2.3.1 Tres destellos o por debajo del umbral (Nivel A) — Nada en la página destella más de tres veces en cualquier período de un segundo.

Directriz 2.4: Navegable

2.4.1 Saltar bloques (Nivel A) — Existe un mecanismo para saltar bloques de contenido repetidos, como enlaces de omisión de navegación.

2.4.2 Página titulada (Nivel A) — Las páginas web tienen títulos que describen su tema o propósito.

2.4.3 Orden del foco (Nivel A) — Los componentes enfocables reciben el foco en un orden que preserva el significado y la operabilidad.

2.4.4 Propósito del enlace – En contexto (Nivel A) — El propósito de cada enlace puede determinarse a partir del texto del enlace solo o con su contexto.

2.4.5 Múltiples vías (Nivel AA) — Hay más de una forma disponible para localizar una página dentro de un conjunto de páginas.

2.4.6 Encabezados y etiquetas (Nivel AA) — Los encabezados y las etiquetas describen su tema o propósito.

2.4.7 Foco visible (Nivel A) — Cualquier interfaz de usuario operable por teclado tiene un indicador de foco visible.

2.4.11 Foco no oculto – Mínimo (Nivel AA) — Cuando un componente recibe el foco del teclado, no queda totalmente oculto por contenido creado por el autor. (Nuevo en WCAG 2.2)

2.4.12 Foco no oculto – Mejorado (Nivel AAA) — Cuando un componente recibe el foco del teclado, ninguna parte del indicador de foco queda oculta por contenido creado por el autor. (Nuevo en WCAG 2.2)

2.4.13 Apariencia del foco (Nivel AAA) — Los indicadores de foco tienen un tamaño suficiente (al menos un perímetro de 2 píxeles) y contraste (al menos 3:1 entre estados enfocado y no enfocado). (Nuevo en WCAG 2.2)

Directriz 2.5: Modalidades de entrada

2.5.1 Gestos de puntero (Nivel A) — Toda funcionalidad que utilice gestos multipunto o basados en trayectoria puede operarse con un único puntero sin un gesto basado en trayectoria.

2.5.2 Cancelación del puntero (Nivel A) — Para funcionalidad de puntero único, la acción se activa en el evento de soltar y puede cancelarse o deshacerse.

2.5.3 Etiqueta en el nombre (Nivel A) — Para componentes con etiquetas de texto, el nombre accesible contiene el texto presentado visualmente.

2.5.4 Activación por movimiento (Nivel A) — La funcionalidad activada por el movimiento del dispositivo o del usuario también puede operarse a través de un componente de interfaz de usuario, y la activación por movimiento puede deshabilitarse.

2.5.7 Movimientos de arrastre (Nivel AA) — Toda funcionalidad que utilice arrastre también puede realizarse con un único puntero sin arrastrar. (Nuevo en WCAG 2.2)

2.5.8 Tamaño del objetivo – Mínimo (Nivel AA) — Los objetivos interactivos tienen al menos 24 por 24 píxeles CSS, con excepciones para objetivos en línea, objetivos controlados por el agente de usuario y objetivos con espaciado suficiente. (Nuevo en WCAG 2.2)

Principio 3: Comprensible

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

Directriz 3.1: Legible

3.1.1 Idioma de la página (Nivel A) — El idioma humano predeterminado de cada página web se puede determinar programáticamente mediante el atributo lang.

3.1.2 Idioma de las partes (Nivel AA) — El idioma humano de cada pasaje o frase se puede determinar programáticamente, excepto para nombres propios y términos técnicos.

Directriz 3.2: Predecible

3.2.1 Al recibir el foco (Nivel A) — Cuando cualquier componente recibe el foco, no inicia un cambio de contexto.

3.2.2 Al recibir entrada (Nivel A) — Cambiar la configuración de un componente no causa automáticamente un cambio de contexto a menos que el usuario haya sido informado previamente.

3.2.3 Navegación consistente (Nivel AA) — Los mecanismos de navegación repetidos en múltiples páginas aparecen en el mismo orden relativo cada vez.

3.2.6 Ayuda consistente (Nivel A) — Si los mecanismos de ayuda aparecen en múltiples páginas, lo hacen en el mismo orden relativo. (Nuevo en WCAG 2.2)

Directriz 3.3: Asistencia en la entrada

3.3.1 Identificación de errores (Nivel A) — Si se detecta automáticamente un error de entrada, se identifica el elemento con error y se describe el error en texto.

3.3.2 Etiquetas o instrucciones (Nivel A) — Se proporcionan etiquetas o instrucciones cuando el contenido requiere entrada del usuario.

3.3.3 Sugerencia de error (Nivel AA) — Si se detecta un error de entrada y se conocen sugerencias, se proporcionan al usuario.

3.3.4 Prevención de errores – Legal, financiero, datos (Nivel AA) — Para páginas que causan compromisos legales, transacciones financieras o modificaciones de datos, los envíos son reversibles, verificables o confirmables.

3.3.7 Entrada redundante (Nivel A) — La información introducida previamente en el mismo proceso se rellena automáticamente o está disponible para selección. (Nuevo en WCAG 2.2)

3.3.8 Autenticación accesible – Mínimo (Nivel AA) — No se requiere una prueba de función cognitiva para la autenticación a menos que se proporcionen alternativas o mecanismos de asistencia. Se permiten las pruebas de reconocimiento de objetos. (Nuevo en WCAG 2.2)

3.3.9 Autenticación accesible – Mejorado (Nivel AAA) — Igual que 3.3.8 pero sin la excepción de reconocimiento de objetos. (Nuevo en WCAG 2.2)

Principio 4: Robusto

El contenido debe ser lo suficientemente robusto para ser interpretado de forma fiable por una amplia variedad de agentes de usuario.

Directriz 4.1: Compatible

4.1.2 Nombre, rol, valor (Nivel A) — Para todos los componentes de la interfaz de usuario, el nombre y el rol se pueden determinar programáticamente, los estados y propiedades se pueden establecer, y los cambios están disponibles para las tecnologías de asistencia.

4.1.3 Mensajes de estado (Nivel AA) — Los mensajes de estado se pueden determinar programáticamente a través de rol o propiedades para que sean presentados al usuario por las tecnologías de asistencia sin recibir el foco.

Nota: SC 4.1.1 Análisis sintáctico ha sido eliminado de WCAG 2.2 por considerarse obsoleto.

Criterios de Nivel AAA (Adicionales)

Los siguientes criterios de Nivel AAA no se enumeran arriba pero forman parte de WCAG 2.2. Representan el nivel más alto de accesibilidad y se recomiendan cuando sea factible:

1.2.6 Lengua de signos – Pregrabado (AAA) — Se proporciona interpretación en lengua de signos para todo el contenido de audio pregrabado.

1.2.7 Audiodescripción extendida (AAA) — Se proporcionan audiodescripciones extendidas cuando las pausas en el audio son insuficientes para las audiodescripciones regulares.

1.2.8 Alternativa mediática – Pregrabado (AAA) — Se proporciona una alternativa textual completa para todo el contenido multimedia sincronizado pregrabado y el contenido solo de vídeo.

1.2.9 Solo audio – En directo (AAA) — Se proporciona una alternativa textual para el contenido en directo solo de audio.

1.3.6 Identificar el propósito (AAA) — El propósito de los componentes de la interfaz de usuario, los iconos y las regiones se puede determinar programáticamente.

1.4.6 Contraste – Mejorado (AAA) — El texto tiene un ratio de contraste de al menos 7:1 para texto normal y 4,5:1 para texto grande.

1.4.7 Audio de fondo bajo o nulo (AAA) — El contenido pregrabado solo de audio que contiene principalmente habla tiene un ruido de fondo bajo o nulo.

1.4.8 Presentación visual (AAA) — Los bloques de texto ofrecen personalización visual incluyendo colores de primer plano/fondo, ancho, interlineado y alineación.

1.4.9 Imágenes de texto – Sin excepción (AAA) — Las imágenes de texto solo se utilizan con fines puramente decorativos o cuando son esenciales.

2.1.3 Teclado – Sin excepción (AAA) — Toda la funcionalidad es operable a través del teclado sin excepciones.

2.2.3 Sin límite de tiempo (AAA) — El tiempo no es una parte esencial del evento o actividad, excepto para medios en tiempo real y sincronizados.

2.2.4 Interrupciones (AAA) — Las interrupciones pueden ser pospuestas o suprimidas por el usuario.

2.2.5 Reautenticación (AAA) — Cuando una sesión autenticada expira, el usuario puede continuar tras reautenticarse sin perder datos.

2.2.6 Tiempos de espera (AAA) — Se advierte a los usuarios de los tiempos de inactividad que podrían causar pérdida de datos a menos que los datos se conserven durante al menos 20 horas.

2.3.2 Tres destellos (AAA) — Nada en la página destella más de tres veces por segundo, sin excepciones.

2.3.3 Animación de interacciones (AAA) — La animación de movimiento activada por la interacción puede deshabilitarse a menos que sea esencial.

2.4.8 Ubicación (AAA) — La información sobre la ubicación del usuario dentro de un conjunto de páginas está disponible (p. ej., migas de pan).

2.4.9 Propósito del enlace – Solo enlace (AAA) — El propósito de cada enlace puede determinarse solo a partir del texto del enlace.

2.4.10 Encabezados de sección (AAA) — Se utilizan encabezados de sección para organizar el contenido.

2.5.5 Tamaño del objetivo – Mejorado (AAA) — Los objetivos interactivos tienen al menos 44 por 44 píxeles CSS.

2.5.6 Mecanismos de entrada concurrentes (AAA) — El contenido no restringe el uso de las modalidades de entrada disponibles en la plataforma.

3.1.3 Palabras inusuales (AAA) — Existe un mecanismo para identificar definiciones específicas de palabras o frases utilizadas de forma inusual.

3.1.4 Abreviaturas (AAA) — Existe un mecanismo para identificar la forma expandida de las abreviaturas.

3.1.5 Nivel de lectura (AAA) — Cuando el texto requiere una capacidad lectora superior al nivel de educación secundaria inferior, se proporciona contenido complementario o una versión alternativa.

3.1.6 Pronunciación (AAA) — Existe un mecanismo para identificar la pronunciación de palabras donde el significado es ambiguo sin pronunciación.

3.2.4 Identificación consistente (AA) — Los componentes con la misma funcionalidad dentro de un conjunto de páginas se identifican de forma consistente.

3.2.5 Cambio a petición (AAA) — Los cambios de contexto se inician solo por solicitud del usuario o existe un mecanismo para desactivar dichos cambios.

3.3.5 Ayuda (AAA) — Existe ayuda contextual disponible.

3.3.6 Prevención de errores – Todo (AAA) — Para todas las páginas que requieren entrada del usuario, los envíos son reversibles, verificables o confirmables.