Cada requisito de WCAG 2.2, una lista de comprobación funcional

¿Qué es una lista de comprobación del cumplimiento de WCAG 2.2?

WCAG 2.2 - la versión actual de las Pautas de Accesibilidad para el Contenido Web - contiene 86 criterios de éxito comprobables organizados en cuatro principios: el contenido debe ser Perceptible, Operable, Comprensible y Robusto (POUR). Cada criterio tiene un nivel: A (el mínimo), AA (el objetivo estándar) o AAA (aspiracional). La conformidad con el nivel AA implica cumplir los 31 criterios del nivel A y los 24 del nivel AA - 55 comprobaciones en total, y eso es lo que abarca esta lista de comprobación.

El nivel AA es el objetivo porque es el umbral que utiliza el mundo exterior: los tribunales y los reguladores remiten a WCAG AA cuando definen qué es un sitio web accesible, lo que convierte estos 55 elementos en lo más parecido accesibilidad web tiene una lista oficial de tareas pendientes. WCAG 2.2 se basa en 2.1 - todo lo que hizo para 2.1 sigue siendo válido - se añaden seis criterios A/AA nuevos y se retira uno anterior (4.1.1).

Cada elemento siguiente enlaza con su página en nuestra biblioteca de criterios, donde cada criterio de la norma se explica uno por uno: qué exige en lenguaje sencillo, quién depende de él, cómo cumplirlo y los fallos que causan problemas a los sitios.

Cómo usar esta lista de comprobación

Use la lista como un flujo de trabajo, no como una tabla de puntuación:

1. Analice primero. Ejecute gratis comprobador de accesibilidad en sus plantillas principales o el rastreador en todo el sitio. La automatización comprueba de forma fiable aproximadamente un tercio de los criterios - contraste, texto alternativo, etiquetas, ARIA y estructura - y le proporciona al instante una lista de fallos confirmados como punto de partida.
2. Corrija las plantillas, no las páginas. La mayoría de los incumplimientos se encuentran en componentes compartidos; corregir un encabezado, formulario o tarjeta resuelve el mismo hallazgo en cada página que lo utiliza.
3. Deje que la automatización haga su parte - y solo su parte. De EqualWeb widget de accesibilidad resolves most of the common issues automation can recognize, depending on how the site is built, which accelerates remediation enormously. But no tool ticks items off this checklist for you: a criterion counts as met only when testing on your real pages shows it holds.
4. Verifique el resto manualmente. Una revisión solo con teclado, otra con lector de pantalla y otra con un zoom del 400 % en sus flujos críticos cubren la mayor parte de lo que las máquinas no pueden evaluar - los dos tercios restantes de los criterios.
5. Feche y documente cada revisión. Una lista de comprobación que pueda mostrar - quién comprobó qué, cuándo y qué se corrigió - es la prueba que importa si alguna vez recibe un requerimiento.

Perceptible - 20 criterios (9 A, 11 AA)

La información y los componentes de la interfaz deben poder presentarse de formas que los usuarios puedan percibir: verlos, oírlos o leerlos mediante productos de apoyo.

• 1.1.1 Contenido no textual A - Cada imagen, icono y gráfico con significado tiene una alternativa textual que cumple su finalidad; las imágenes decorativas están marcadas para que se omitan.
• 1.2.1 Solo audio y solo vídeo (pregrabado) A - El contenido de solo audio tiene una transcripción; el vídeo sin pista de sonido tiene un equivalente en texto o audio.
• 1.2.2 Subtítulos (grabado previamente) A - Todos los vídeos con sonido grabados previamente incluyen subtítulos precisos y sincronizados.
• 1.2.3 Audiodescripción o alternativa multimedia (pregrabada) A - El vídeo pregrabado tiene una audiodescripción o una alternativa textual completa de lo que sucede en la pantalla.
• 1.2.4 Subtítulos (en directo) AA - Las emisiones en directo y los seminarios web tienen subtítulos en tiempo real.
• 1.2.5 Audiodescripción (pregrabada) AA - Los vídeos pregrabados tienen audiodescripción para la información visual que no transmite la banda sonora.
• 1.3.1 Información y relaciones A - Los encabezados, las listas, las tablas y las etiquetas de formulario son marcado real, no solo estilos visuales.
• 1.3.2 Secuencia significativa A - El orden de lectura del código coincide con el orden que tiene sentido.
• 1.3.3 Características sensoriales A - Las instrucciones nunca dependen únicamente de la forma, el color o la posición ("haga clic en el botón verde de la derecha").
• 1.3.4 Orientación AA - El contenido funciona tanto en orientación vertical como horizontal; la orientación nunca se bloquea sin un motivo esencial.
• 1.3.5 Identificar la finalidad de la entrada AA - Los campos personales habituales (nombre, correo electrónico y dirección) incluyen atributos de autocompletado.
• 1.4.1 Uso del color A - El color nunca es la única forma de transmitir información.
• 1.4.2 Control del audio A - El audio que comienza automáticamente se puede pausar, detener o silenciar.
• 1.4.3 Contraste (mínimo) AA - El texto normal alcanza un contraste de 4.5:1 respecto al fondo; el texto grande alcanza 3:1.
• 1.4.4 Cambio de tamaño del texto AA - El texto cambia de tamaño hasta el 200% sin perder contenido ni funcionalidad.
• 1.4.5 Imágenes de texto AA - Se utiliza texto real en lugar de imágenes de texto (excepto los logotipos).
• 1.4.10 Reajuste del texto AA - La página redistribuye su contenido a una anchura de 320 px (ampliación del 400 %) sin desplazamiento horizontal.
• 1.4.11 Contraste no textual AA - Los controles, los indicadores de foco y los gráficos significativos alcanzan un contraste de 3:1.
• 1.4.12 Espaciado del texto AA - Nada queda recortado ni se superpone cuando los usuarios aumentan la altura de línea y el espaciado entre letras, palabras y párrafos.
• 1.4.13 Contenido señalado con el puntero o que tiene el foco AA - La información emergente y las ventanas emergentes se pueden cerrar, admiten el puntero y permanecen visibles hasta que se cierran.

Operable - 20 criterios (14 A, 6 AA)

La navegación y la interacción deben funcionar para todos - usuarios que solo usan el teclado, personas con temblores y personas que no pueden ver un puntero.

• 2.1.1 Teclado A - Todo el contenido de la página puede manejarse solo con el teclado.
• 2.1.2 Sin trampas para el foco del teclado A - El foco del teclado siempre puede salir de cada componente, sin quedar atrapado.
• 2.1.4 Atajos de teclado con caracteres A - Los atajos de un solo carácter pueden desactivarse o reasignarse.
• 2.2.1 Tiempo ajustable A - Los límites de tiempo se pueden desactivar, ajustar o ampliar antes de que finalicen.
• 2.2.2 Poner en pausa, detener, ocultar A - Los carruseles, las animaciones y el contenido que se actualiza automáticamente se pueden pausar, detener u ocultar.
• 2.3.1 Tres destellos o por debajo del umbral A - Nada parpadea más de tres veces por segundo.
• 2.4.1 Bypass Blocks A - Un enlace para saltar contenido o los puntos de referencia permiten a los usuarios omitir la navegación repetida.
• 2.4.2 Página titulada A - Cada página tiene un título único y descriptivo.
• 2.4.3 Orden del foco A - El tabulador recorre la página en un orden que conserva el significado.
• 2.4.4 Propósito de los enlaces (en contexto) A - Cada enlace deja claro su destino mediante su texto o contexto inmediato, sin un simple «haga clic aquí».
• 2.4.5 Múltiples vías AA - Hay más de una forma de llegar a una página: navegación más búsqueda o un mapa del sitio.
• 2.4.6 Encabezados y etiquetas AA - Los encabezados y las etiquetas describen realmente el contenido o control que introducen.
• 2.4.7 Foco visible AA - El foco del teclado siempre se indica de forma visible.
• 2.4.11 Foco no oculto (mínimo) AA - El elemento que tiene el foco nunca queda completamente oculto tras encabezados o pies de página fijos ni avisos de cookies. Nuevo en 2.2.
• 2.5.1 Gestos con el puntero A - Deslizar, pellizcar y otros gestos basados en trayectorias tienen alternativas de un solo toque.
• 2.5.2 Cancelación del puntero A - Las acciones se completan al soltar, no al pulsar, por lo que puede cancelarse un toque incorrecto.
• 2.5.3 Etiqueta en el nombre A - El nombre accesible de un control contiene su etiqueta visible (el control por voz depende de ello).
• 2.5.4 Activación mediante movimiento A - Todo lo que se active al agitar o inclinar el dispositivo también dispone de un control convencional.
• 2.5.7 Movimientos de arrastre AA - Cada acción de arrastrar y soltar tiene una alternativa sencilla mediante clic o toque. Nuevo en 2.2.
• 2.5.8 Tamaño del objetivo (mínimo) AA - Los objetivos miden al menos 24×24 píxeles CSS o están suficientemente separados. Nuevo en 2.2.

Comprensible - 13 criterios (7 A, 6 AA)

El contenido y los controles deben comportarse de forma predecible, leerse con claridad y permitir corregir errores.

• 3.1.1 Idioma de la página A - La página declara su idioma (atributo lang en el elemento html).
• 3.1.2 Idioma de las partes AA - Los pasajes en otro idioma están marcados con su propio atributo lang.
• 3.2.1 Al recibir el foco A - Enfocar un elemento nunca provoca un cambio de contexto inesperado.
• 3.2.2 Al introducir datos A - Cambiar un campo o ajuste nunca envía ni redirige de forma inesperada.
• 3.2.3 Navegación coherente AA - La navegación repetida aparece en el mismo orden en todas las páginas.
• 3.2.4 Identificación coherente AA - La misma función tiene el mismo nombre y la misma etiqueta en todas partes.
• 3.2.6 Ayuda coherente A - Las opciones de ayuda - datos de contacto, chat y preguntas frecuentes - aparecen en el mismo lugar en todas las páginas. Nuevo en 2.2.
• 3.3.1 Identificación de errores A - Los errores se identifican mediante un texto que indica qué campo ha fallado y por qué.
• 3.3.2 Etiquetas o instrucciones A - Cada campo de entrada tiene una etiqueta visible o instrucciones claras.
• 3.3.3 Sugerencias ante errores AA - Los mensajes de error indican cómo corregir el problema.
• 3.3.4 Prevención de errores (legales, financieros y de datos) AA - Los envíos de información jurídica, financiera y de datos pueden revisarse, corregirse o revertirse.
• 3.3.7 Entrada redundante A - Nunca se vuelve a pedir información ya introducida en un proceso. Nuevo en 2.2.
• 3.3.8 Autenticación accesible (mínimo) AA - Para iniciar sesión nunca es necesario memorizar ni transcribir; se permite pegar y usar gestores de contraseñas. Nuevo en 2.2.

Robusto - 2 criterios (1 A, 1 AA)

El contenido debe seguir funcionando a medida que evolucionan los navegadores y los productos de apoyo.

• 4.1.2 Nombre, función, valor A - Los componentes personalizados exponen su nombre, función y estado a los productos de apoyo.
• 4.1.3 Mensajes de estado AA - Las actualizaciones de estado ("Añadido al carrito", "Se han encontrado 3 resultados") se anuncian sin retirar el foco.

Robusto incluía antes un tercer criterio: 4.1.1 Análisis sintáctico se eliminó en WCAG 2.2 porque los navegadores modernos ya corrigen los errores de marcado a los que se dirigía. Si su antigua lista aún lo incluye, táchelo.

Los 9 nuevos criterios de conformidad de WCAG 2.2

Si su sitio ya cumplía WCAG 2.1 AA, estas son las únicas incorporaciones necesarias para pasar a 2.2 - seis de nivel A/AA (en la lista anterior) y tres de nivel AAA (por encima del objetivo legal, incluidas para completar la información):

Comprobación de la lista: automatizada frente a manual

El desglose exacto para verificar estos 55 elementos:

• La automatización comprueba aproximadamente un tercio de ellos. Los criterios con respuestas que una máquina puede determinar - relaciones de contraste, texto alternativo ausente, campos sin etiqueta, atributo lang ausente y ARIA defectuoso - son exactamente los que detectan los escáneres. Ejecute el comprobador comprobador de accesibilidad en cualquier página para obtener un informe WCAG al instante y mantener supervisión activado para que un elemento aprobado no pueda volver a fallar sin que se advierta después de la siguiente versión.
• Las personas verifican el resto. Orden del foco, calidad del texto alternativo, alternativas a los gestos, gestión de errores, secuencia de lectura - aproximadamente dos tercios de los criterios requieren valoración. Los auditores certificados revisan la lista completa criterio por criterio y le entregan un documento informe de auditoría, que también sirve como prueba de su cumplimiento normativo.

La división es la misma con independencia de que su objetivo sea Cumplimiento de la ADA, el Acta Europea de Accesibilidad o una norma nacional - todas remiten a estos criterios WCAG y a la plena Cumplimiento de WCAG siempre requiere ambas partes. Para consultar las instrucciones de cada parte, vea Pruebas de WCAG.

Preguntas frecuentes

Última actualización 17 de agosto de 2026