Lista de verificación WCAG 2.1 AA: Guía completa de los criterios de nivel A, AA y AAA

A pesar de los beneficios de la accesibilidad digital, las organizaciones aún tienen dificultades para cumplir con los requisitos mínimos de accesibilidad(opens in a new tab). Según un análisis de más de 400,000 páginas web empresariales en 15,000 sitios web, encontramos que:

El 38% de las imágenes no son accesibles para personas con discapacidades visuales.
El 80% de las páginas tienen enlaces que no son claros para personas con discapacidades visuales o cognitivas.
El 35% de los formularios carecen de etiquetas claras.

Estos problemas (entre docenas de otros) hacen que solo el 3% de internet sea accesible para personas con discapacidades.

El World Wide Web Consortium(opens in a new tab) (W3C) creó las Pautas de Accesibilidad para el Contenido Web(opens in a new tab) (WCAG) para ayudar a las organizaciones a mejorar la accesibilidad para personas con discapacidades. WCAG es un estándar internacional compartido que las empresas deben seguir para cumplir con los estándares de accesibilidad. Las pautas contienen 86 criterios de éxito que, al cumplirse, aumentan la accesibilidad y usabilidad en plataformas digitales, incluyendo sitios web, dispositivos móviles, documentos digitales y otras interfaces de usuario.

A continuación, hemos reunido una lista de verificación detallada de los criterios de éxito de WCAG para asegurar que tus productos digitales cumplan con los estándares de conformidad de accesibilidad web.

Lista de verificación WCAG

Esta lista de verificación WCAG 2.1 AA cubre todos los criterios de éxito de los niveles A, AA y AAA, además de los nueve nuevos criterios añadidos en WCAG 2.2. No te dejes abrumar por la cantidad de criterios de éxito: hay muchos, pero cumplirlos es posible con las herramientas adecuadas.

Recomendamos comenzar con los criterios de éxito de Nivel A antes de avanzar a niveles superiores. También puedes considerar abordar primero las correcciones más sencillas mientras creas un plan para las más complejas.

Lista de verificación WCAG Nivel A

Los criterios de Nivel A representan los requisitos mínimos de accesibilidad. Todos los sitios web deben cumplir con estos antes de avanzar a niveles superiores.

Criterios de éxito	Descripción	Completo
Contenido no textual	Todo contenido no textual (por ejemplo, imágenes, botones de imagen y zonas activas de mapas de imagen) tiene texto alternativo apropiado.
Solo audio y solo video	Se proporcionan transcripciones descriptivas y precisas para contenido solo de video o solo de audio.
Subtítulos	Se proporcionan subtítulos para videos pregrabados o en vivo (por ejemplo, YouTube).
Información y relaciones	Los encabezados incluyen el marcado semántico correcto. Las tablas están vinculadas a los encabezados apropiados e incluyen subtítulos si es necesario. Las etiquetas de texto están asociadas con los campos de formulario correctos.
Secuencia significativa	El orden de navegación sigue el orden del código; la navegación es clara e intuitiva.
Características sensoriales	Las instrucciones no dependen de la ubicación visual, la forma o el tamaño (por ejemplo, 'Las instrucciones están a la derecha' o 'Haz clic en el botón cuadrado para continuar').
Uso del color	El color por sí solo no se utiliza para transmitir información, ni para distinguir enlaces del texto circundante a menos que la relación de contraste de color sea adecuada.
Control de audio	Los usuarios pueden pausar, detener, cambiar el volumen o silenciar el contenido de audio que se reproduce automáticamente en una página durante más de tres segundos.
Teclado	Los elementos web pueden compartirse fácilmente mediante teclado e incluyen atajos de teclado específicos de la página.
Sin trampa de teclado	El enfoque del teclado y los atajos no están bloqueados ni atrapados en ningún elemento de la página.
Atajos de teclas de caracteres	Los usuarios deben poder desactivar los comandos de teclas y cambiar a teclas no imprimibles, como Ctrl, Alt, etc.
Tiempo ajustable	Las páginas con límites de tiempo permiten a los usuarios ajustar, desactivar o ampliar el límite de tiempo.
Pausar, detener, ocultar	El contenido que se mueve, parpadea, desplaza o actualiza automáticamente durante más de cinco segundos puede ser pausado, detenido u ocultado por los usuarios.
Tres destellos o menos	El contenido de la página no parpadea más de tres veces por segundo.
Saltar bloques	Los usuarios pueden saltar la navegación u otros elementos de la página que se repiten en varias páginas web.
Títulos de página	La página web tiene un título descriptivo e informativo.
Orden de enfoque	El orden de los enlaces es claro y sigue un orden lógico e intuitivo.
Propósito del enlace	Los usuarios pueden entender el propósito del enlace solo con el texto. Los enlaces con texto similar que redirigen a diferentes ubicaciones son fácilmente distinguibles.
Gestos de puntero	Las acciones del usuario pueden realizarse con un solo gesto de puntero.
Cancelación de puntero	Se evita la activación involuntaria de controles al no usar la activación 'onmousedown'.
Activación por movimiento	Las funcionalidades activadas por el movimiento del usuario o del dispositivo pueden desactivarse, y se puede lograr una funcionalidad similar mediante controles estándar como botones o controles.
Identificación de errores	Los errores de validación de formularios o de entrada se identifican claramente y se proporciona acceso rápido al error.

Lista de verificación WCAG Nivel AA

El Nivel AA es el estándar requerido por la mayoría de las leyes de accesibilidad digital, incluyendo la ADA (EE.UU.), EN 301 549 (UE) y AODA (Canadá).

Criterios de éxito	Descripción	Completo
Subtítulos	Los medios en vivo con audio contienen subtítulos sincronizados.
Descripción de audio	Los usuarios tienen acceso a descripciones de audio para videos no en vivo.
Orientación	La orientación de la página web no está limitada a vertical u horizontal; los usuarios pueden ajustarla según sea necesario.
Identificar propósito de entrada	Los campos que recopilan cierta información del usuario tienen definido el atributo 'autocomplete'.
Contraste	Tanto el texto como las imágenes tienen una relación de contraste de al menos 4.5:1. El texto grande tiene una relación de al menos 3:1.
Redimensionar texto	Los elementos de la página siguen siendo legibles y funcionales al hacer zoom al 200%.
Imágenes de texto	Si una representación visual puede mostrarse solo con texto, no se utiliza una imagen sola para presentar texto.
Reflujo	No se pierde funcionalidad cuando el contenido se presenta a un ancho de 320 píxeles. Se evita el desplazamiento horizontal tanto como sea posible.
Contraste no textual (mínimo)	Existe una relación de contraste mínima de 3:1 para diferentes objetos, como iconos, gráficos o diagramas.
Espaciado de texto	No se pierde contenido ni funcionalidad cuando los usuarios ajustan el espaciado de los párrafos.
Contenido al pasar el cursor o enfocar	El contenido presentado al pasar el cursor o enfocar puede descartarse sin mover el teclado o el puntero.
Múltiples formas	Los usuarios tienen más de una forma de encontrar otras páginas web en un sitio.
Encabezados y etiquetas	Los encabezados y etiquetas de la página son informativos y no se duplican a menos que sea absolutamente necesario.
Enfoque visible	Hay un indicador visible para los elementos de la página cuando reciben el enfoque del teclado.
Enfoque no oculto	Los elementos con enfoque de teclado son completamente visibles.
Movimiento de arrastre	Las acciones que requieren arrastrar el puntero también pueden realizarse con un solo puntero.
Tamaño del objetivo	Los tamaños de los punteros son como mínimo de 24 por 24 píxeles, a menos que se especifique lo contrario.
Idioma de partes/página	El idioma de las páginas es fácilmente identificable mediante el atributo 'lang'.
Navegación consistente	Los elementos que se repiten en una página web (por ejemplo, una barra de búsqueda) están etiquetados de manera consistente en las distintas páginas web.
Sugerencia de error	Cuando se detecta un error, se proporcionan sugerencias sobre cómo solucionar el problema de manera oportuna y accesible.
Prevención de errores	Si un usuario cambia o elimina datos financieros, legales o de pruebas, la acción puede revertirse, confirmarse o verificarse según sea necesario.
Autenticación excesiva	No se requieren funciones cognitivas durante los procesos de autenticación a menos que se puedan completar de otra manera, omitir o el usuario proporcione la identificación de contenido no textual (por ejemplo, imagen proporcionada por el usuario).
Mensajes de estado	Los mensajes de estado se anuncian a los lectores de pantalla mediante regiones en vivo o alertas ARIA.

Lista de verificación WCAG Nivel AAA

El Nivel AAA representa el nivel más alto de accesibilidad. La mayoría de las organizaciones no buscan la conformidad total con el Nivel AAA, pero se pueden implementar criterios individuales de Nivel AAA cuando sea posible.

Criterios de éxito	Descripción	Completo
Lengua de señas	Se proporciona interpretación en lengua de señas para medios con audio.
Descripción de audio extendida	Cuando el video original no tiene pausas suficientes y no está optimizado para la descripción de audio, se proporciona un video separado con pausas suficientes y descripciones de audio.
Alternativa de medios	Los medios pregrabados incluyen una transcripción descriptiva.
Solo audio	Se proporciona texto descriptivo para contenido en vivo que contiene audio.
Identificar propósito	Se utiliza ARIA para mejorar la semántica HTML, permitiendo a los usuarios comprender más fácilmente el propósito de los elementos de la interfaz.
Contraste	Las imágenes y el texto tienen una relación de contraste de color de 7:1.
Audio de fondo bajo o nulo	El contenido de audio tiene poco o ningún ruido de fondo, asegurando que sea fácilmente distinguible.
Presentación visual	Los bloques de texto de más de una oración de longitud son: de menos de 80 caracteres de ancho, no justificados completamente, tienen un espaciado de línea adecuado, incluyen colores de fondo y primer plano apropiados, y no requieren desplazamiento horizontal si el tamaño se duplica.
Imágenes de texto	El texto dentro de una imagen solo se utiliza para decoración, o si la información no puede presentarse solo con texto.
Teclado	Todas las funcionalidades están disponibles mediante el teclado.
Sin temporización	No hay límites de tiempo ni restricciones para el contenido o la funcionalidad de la página.
Interrupciones	Las interrupciones como alertas o actualizaciones pueden ser pospuestas por el usuario.
Reautenticación	Los usuarios pueden volver a autenticarse en una página y continuar sus actividades sin perder datos.
Tiempos de espera	Se advierte adecuadamente a los usuarios sobre tiempos de espera que pueden resultar en la pérdida de datos (a menos que los datos puedan conservarse durante más de horas de inactividad del usuario).
Tres destellos	Ningún contenido de la página parpadea tres veces por segundo.
Animaciones por interacción	Las animaciones y movimientos no esenciales pueden ser desactivados por los usuarios.
Ubicación	Una página web que forma parte de una secuencia de páginas web se indica como tal mediante migas de pan o especificando los pasos de la secuencia.
Propósito del enlace	Los usuarios pueden distinguir el propósito de cada enlace solo por el texto del enlace.
Encabezados de sección	Las secciones de contenido se designan utilizando encabezados.
Enfoque no oculto (mejorado)	Los elementos con enfoque de teclado son completamente visibles.
Apariencia del enfoque	En los casos donde hay indicadores o fondos personalizados, existe al menos un contraste de 3:1 entre los estados enfocado/no enfocado, y son al menos tan grandes como el área de un perímetro de 2 píxeles de grosor alrededor del elemento.
Tamaño del objetivo	Los objetivos clicables tienen un tamaño de 44 por 44 píxeles, a menos que se proporcione un tamaño alternativo.
Mecanismos de entrada concurrentes	El contenido no está limitado a un solo tipo de entrada (por ejemplo, solo teclado o solo táctil) y admite entradas alternativas.
Palabras inusuales	Las palabras poco familiares o ambiguas se definen mediante un índice, lista de definiciones u otro método apropiado.
Abreviaturas	Las abreviaturas poco familiares se amplían y definen la primera vez que se utilizan.
Nivel de lectura	Se proporcionan alternativas más comprensibles para contenido avanzado (normalmente para contenido por encima de un nivel de lectura de noveno grado).
Pronunciación	Se proporcionan guías de pronunciación para palabras que son vitales para la comprensión de la página.
Cambio a petición	Los cambios sustanciales (por ejemplo, aparición de ventanas emergentes o cambios en el enfoque del teclado) son iniciados por el usuario y pueden deshabilitarse si se desea.
Ayuda	Se proporcionan instrucciones o indicaciones a los usuarios que necesitan ayuda para completar tareas.
Prevención de errores	Los usuarios pueden revertir, verificar o confirmar envíos después de enviar información.
Autenticación accesible (mejorada)	No se requieren pruebas de función cognitiva en ningún paso del proceso de autenticación, a menos que la prueba pueda omitirse o completarse con ayuda de otro mecanismo.

¿Qué cambió en WCAG 2.2? 9 nuevos criterios de éxito

WCAG 2.2 fue publicado por el W3C en octubre de 2023, añadiendo 9 nuevos criterios de éxito en los niveles de conformidad A, AA y AAA. La actualización se centra especialmente en la navegación por teclado, la interacción táctil y la autenticación, áreas donde el estándar anterior tenía carencias importantes.

También se eliminó un criterio: 4.1.1 Parsing, que se había vuelto en gran parte redundante con el comportamiento actual de los navegadores y las prácticas de validación HTML. Las organizaciones que trabajen para cumplir con WCAG 2.1 AA deberán evaluar sus sitios frente a estas adiciones a medida que evolucionan los requisitos de adopción.

Nuevo criterio	Nivel/Qué añade
2.4.11 Enfoque no oculto	AA; Encabezados fijos, superposiciones u otros elementos de la página no deben ocultar completamente los componentes enfocados.
2.4.12 Enfoque no oculto mejorado	AAA; Versión más estricta: ninguna parte del componente enfocado puede estar oculta.
2.4.13 Apariencia del enfoque	AAA; Requiere que los indicadores de enfoque cumplan con umbrales mínimos de tamaño y contraste
2.5.7 Movimientos de arrastre	AA; Toda funcionalidad que use arrastre también debe poder realizarse con un solo puntero (por ejemplo, clic o toque).
2.5.8 Tamaño mínimo del objetivo	AA; Los objetivos interactivos deben tener al menos 24x24 píxeles CSS, con excepciones limitadas.
3.2.6 Ayuda consistente	A; Los mecanismos de ayuda (información de contacto, chat, etc.) deben aparecer en la misma ubicación en todas las páginas.
3.3.7 Entrada redundante	A; Los usuarios no deben tener que volver a ingresar información ya proporcionada en la misma sesión.
3.3.8 Autenticación accesible	AA; Los pasos de autenticación no deben requerir pruebas cognitivas (como acertijos) sin una alternativa accesible.
3.3.9 Autenticación accesible mejorada	AAA; Versión más estricta; elimina las excepciones permitidas en el nivel AA.

Los datos competitivos de esta página fueron recopilados el 1 de noviembre de 2023 y están sujetos a cambios o actualizaciones. AudioEye no realiza ninguna declaración sobre la integridad o precisión de la información en esta página.

WCAG sigue siendo el referente de cumplimiento actual para la mayoría de las leyes internacionales de accesibilidad, pero las organizaciones deben comenzar a planificar la alineación con WCAG 2.2.

Conformidad WCAG y leyes de accesibilidad digital

Todos tienen derecho a acceder y utilizar contenido en línea; seguir los criterios de éxito mencionados arriba te permite crear un entorno accesible y funcional que todos puedan usar. Sin embargo, la accesibilidad digital también es un requisito legal en todo el mundo. La mayoría de las leyes internacionales de accesibilidad utilizan WCAG como estándar, incluyendo:

Ley de Estadounidenses con Discapacidades (ADA): La ADA(opens in a new tab) prohíbe la discriminación contra personas con discapacidades en espacios públicos, lo que incluye internet. No cumplir con los requisitos de la ADA (incluyendo crear un sitio web conforme a la ADA) puede resultar en litigios. Para cumplir con la ADA, deberás cumplir con los requisitos incluidos en WCAG 2.1 Nivel AA.
Ley Europea de Accesibilidad (EAA): Similar a la ADA, la EAA exige que todas las organizaciones del sector público dentro de la UE proporcionen productos y servicios accesibles. Un punto a destacar: la EAA aplica los principios POUR sobre WCAG; sin embargo, seguir los principios WCAG te coloca en una buena posición para cumplir con los principios POUR.
Ley de Accesibilidad para los Ontarianos con Discapacidades (AODA): Bajo la AODA, las empresas no pueden discriminar a personas con discapacidades “con respecto a bienes, servicios, instalaciones, alojamiento, empleo, edificios, estructuras y locales”. La AODA también utiliza WCAG 2.1 Nivel AA como base para la conformidad AODA.

AudioEye: Ayudándote a lograr la conformidad WCAG con facilidad

Hacer que tu sitio web sea accesible no tiene por qué ser abrumador. La lista de verificación anterior te da una base sólida, pero con tantos criterios de éxito WCAG — y algunos detalles muy técnicos — puede ser difícil identificar y corregir cada problema por tu cuenta.

Ahí es donde entra AudioEye. Somos la única solución que combina automatización impulsada por IA, auditorías de expertos, y correcciones personalizadas escritas por expertos en una sola plataforma, cubriendo más criterios de éxito WCAG que cualquier otra plataforma. Y con AudioEye Assurance, obtienes la única garantía legal real de la industria. El resultado: 400% más protección que las soluciones solo automatizadas y la tasa más baja de reclamaciones legales válidas en la industria.

¿Listo para comenzar? La solución de conformidad WCAG de AudioEye se alinea directamente con los criterios de esta lista de verificación: descubre cómo AudioEye ayuda a las organizaciones a lograr y mantener la conformidad WCAG 2.1 AA en nuestra completa guía WCAG.

¿Quieres ver cuán accesible es tu contenido actual? Usa nuestro Comprobador de accesibilidad web gratuito. O agenda una demostración para ver la plataforma completa de AudioEye en acción.

Preguntas frecuentes

¿Cuáles son las diferentes versiones de WCAG?

¿Cuáles son los diferentes niveles de WCAG?

¿Cuál es la última versión de WCAG?

¿Cuándo se lanzará WCAG 3.0?

¿Cuáles son los cuatro principios de WCAG?

¿Cuáles son las consecuencias de no cumplir con WCAG?

¿Cuáles son los nuevos criterios de éxito en WCAG 2.2?

Compartir artículo

La lista de verificación completa de WCAG 2.1 AA para la accesibilidad web