La lista de verificación esencial de WCAG para la accesibilidad web

A pesar de los beneficios de la accesibilidad digital, las organizaciones siguen teniendo dificultades para cumplir los requisitos mínimos de accesibilidad. Basándonos en un análisis de más de 400.000 páginas web empresariales en 15.000 sitios web, descubrimos que:

El 38% de las imágenes no son accesibles para personas con discapacidad visual.
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 discapacidad.

El World Wide Web Consortium (W3C) creó las Pautas de Accesibilidad para el Contenido Web (WCAG) para ayudar a las organizaciones a mejorar la accesibilidad para personas con discapacidad. WCAG es un estándar internacional compartido que las empresas deben seguir para cumplir con los estándares aceptados 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 garantizar que tus productos digitales cumplan con los estándares de conformidad de accesibilidad web.

Lista de verificación WCAG

Hemos creado una lista de verificación completa para ayudarte a cumplir con los requisitos de accesibilidad de WCAG. No te dejes abrumar por la cantidad de criterios de éxito: son muchos, pero cumplirlos es posible con las herramientas adecuadas (el Comprobador de Accesibilidad Web gratuito de AudioEye es un excelente punto de partida).

Recomendamos comenzar por los criterios de éxito del Nivel A antes de pasar a los niveles superiores. También puedes considerar abordar primero las correcciones más sencillas mientras creas un plan para los problemas más complejos.

Lista de verificación WCAG Nivel A

Criterios de éxito	Descripción	Completado
Contenido no textual	Todo el 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 vídeo	Se proporcionan transcripciones descriptivas y precisas para contenido solo de vídeo o solo de audio.
Subtítulos	Se proporcionan subtítulos para vídeos pregrabados o en directo (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 a 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 quedan bloqueados ni atrapados en ningún elemento de la página.
Atajos de teclas de carácter	Los usuarios deben poder desactivar los comandos de teclas y cambiarlos por 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 por el texto. Los enlaces con textos similares 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

Criterios de éxito	Descripción	Completado
Subtítulos	Los medios en directo con audio contienen subtítulos sincronizados.
Descripción de audio	Los usuarios tienen acceso a descripciones de audio para vídeos no en directo.
Orientación	La orientación de la página web no está limitada a vertical u horizontal; los usuarios pueden ajustarla según lo necesiten.
Identificar propósito de entrada	Los campos que recopilan cierta información del usuario tienen definido un 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 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 en la medida de lo 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 del 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 vías	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	Existe 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 con 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 coherente	Los elementos que se repiten en una página web (por ejemplo, una barra de búsqueda) están etiquetados de forma coherente en todas las páginas individuales.
Sugerencia de error	Cuando se detecta un error, se proporcionan sugerencias sobre cómo solucionarlo de forma accesible y oportuna.
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 puedan completarse de otra manera, omitirse o el usuario proporcione la identificación de contenido no textual (por ejemplo, una 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

Criterios de éxito	Descripción	Completado
Lengua de signos	Se proporciona interpretación en lengua de signos para medios con audio.
Descripción de audio extendida	Cuando el vídeo original no contiene pausas suficientes y no está optimizado para la descripción de audio, se proporciona un vídeo separado con pausas suficientes y descripciones de audio.
Alternativa multimedia	Los medios pregrabados incluyen una transcripción descriptiva.
Solo audio	Se proporciona texto descriptivo para contenido en directo 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, lo que garantiza que se distinga fácilmente.
Presentación visual	Los bloques de texto de más de una frase de longitud son: de menos de 80 caracteres de ancho, no están justificados completamente, tienen un espaciado de línea adecuado, incluyen colores de fondo y primer plano apropiados, y no requieren desplazamiento horizontal si se duplica el tamaño.
Imágenes de texto	El texto dentro de una imagen solo se utiliza con fines decorativos o si la información no puede presentarse solo con texto.
Teclado	Todas las funcionalidades están disponibles mediante el teclado.
Sin tiempo	No hay límites ni restricciones de tiempo 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 los tiempos de espera que pueden provocar 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 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 mediante encabezados.
Enfoque no oculto (mejorado)	Los elementos con enfoque de teclado son completamente visibles.
Apariencia del enfoque	En los casos en que existan indicadores o fondos personalizados, hay 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 que rodea el 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 específico (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, una lista de definiciones u otro método apropiado.
Abreviaturas	Las abreviaturas poco familiares se desarrollan y definen la primera vez que se utilizan.
Nivel de lectura	Se proporcionan alternativas más comprensibles para el contenido avanzado (normalmente para contenido por encima de un nivel de lectura de noveno curso).
Pronunciación	Se proporcionan guías de pronunciación para palabras que son vitales para la comprensión de la página.
Cambio bajo 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 desactivar opciones si así lo 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 los envíos después de enviar la 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 la ayuda de otro mecanismo.

Conformidad WCAG y leyes de accesibilidad digital

Todo el mundo tiene 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 prohíbe la discriminación contra personas con discapacidad en espacios públicos, lo que incluye internet. No cumplir con la ADA (lo que implica crear un sitio web conforme a la ADA) puede dar lugar a acciones legales. Para cumplir con la ADA, deberás cumplir 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 Unión Europea (UE) ofrezcan productos y servicios accesibles. Cabe destacar que la EAA aplica los principios POUR sobre WCAG; sin embargo, seguir los principios WCAG te sitúa en una buena posición para cumplir los principios POUR.

AudioEye: te ayudamos 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. Nuestro enfoque de tres pilares para la accesibilidad combina una potente automatización, tecnología de IA asistida por humanos, y pruebas durante el proceso de desarrollo para simplificar el camino hacia la accesibilidad. Además, con AudioEye Assurance, disfrutarás de un nivel de protección un 400% superior al de los enfoques solo de automatización o consultoría. Con nuestro enfoque integral, disfrutarás de un cumplimiento líder en la industria con las leyes de accesibilidad y la tranquilidad de saber que tu contenido digital está protegido.

Tanto si das tus primeros pasos hacia la conformidad WCAG como si buscas elevar aún más la accesibilidad de tu sitio, AudioEye te ofrece las herramientas, la experiencia y el soporte continuo que necesitas para construir una experiencia digital accesible — y mantenerla a largo plazo.

¿Listo para empezar? Utiliza nuestro Comprobador de Accesibilidad Web gratuito para ver cuán accesible es tu contenido actual.

¿Quieres ver AudioEye en acción? Solicita una demostración hoy.

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 publicará WCAG 3.0?

¿Cuáles son los cuatro principios de WCAG?

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

Compartir artículo