Niveles WCAG A AA AAA

Aproximadamente el 15 % de la población mundial tiene algún tipo de discapacidad. Los sitios accesibles funcionan para todo el mundo: usuarios de lectores de pantalla, usuarios que solo utilizan el teclado, usuarios con baja visión y usuarios con redes lentas. Además, la accesibilidad es un requisito legal en muchas jurisdicciones.

WCAG es el estándar del W3C que define qué hace que el contenido web sea accesible. Versión actual: WCAG 2.2 (octubre de 2023). Su sucesora, WCAG 3, se encuentra en una fase inicial de borrador.

WCAG se organiza en torno a cuatro principios: perceptible, operable, comprensible y robusto. Cada criterio de éxito pertenece a uno de ellos.

La información debe presentarse de formas que los usuarios puedan percibir: texto alternativo para las imágenes, subtítulos para los vídeos, contraste de color suficiente y texto redimensionable hasta un 200 % sin perder funcionalidad.

Todas las funciones deben poder utilizarse mediante el teclado: no debe haber interacciones que solo funcionen con el ratón, debe concederse tiempo suficiente para leer el contenido, no debe haber contenido parpadeante que pueda provocar convulsiones y deben existir formas claras de navegar.

El contenido y su funcionamiento deben ser comprensibles: se debe declarar el idioma legible, utilizar patrones de navegación predecibles, mostrar mensajes de error claros con sugerencias y mantener etiquetas coherentes.

El contenido debe funcionar con tecnologías de asistencia actuales y futuras. Utilice HTML válido, siga las prácticas recomendadas de ARIA y asegúrese de que el nombre, el rol y el valor se puedan determinar mediante programación.

Nivel A: mínimo (imprescindible). Nivel AA: objetivo estándar (el que exigen la mayoría de las leyes). Nivel AAA: el más alto, no resulta práctico para sitios completos; se aplica únicamente a páginas críticas.

La mayoría de los proyectos aspiran a WCAG 2.1 AA o 2.2 AA, el nivel exigido por la Ley Europea de Accesibilidad (EAA), la Sección 508 en Estados Unidos y la mayoría de las normas de adquisición empresarial.

Nivel A: texto alternativo en las imágenes y acceso mediante teclado. Nivel AA: relación de contraste de 4,5:1 para el texto, no transmitir información únicamente mediante el color, foco visible y redimensionamiento al 200 %. Nivel AAA: contraste de 7:1, lengua de signos para los vídeos y ayuda sensible al contexto.

1) Añada texto alternativo a todas las imágenes. 2) Utilice HTML semántico (button, nav, h1-h6). 3) Asegúrese de que el contraste de color cumpla una relación de 4,5:1. 4) Pruebe el sitio utilizando únicamente el teclado. 5) Añada etiquetas a todos los campos de formulario. 6) Utilice un indicador de foco visible.

¿Qué nivel de conformidad de WCAG es el objetivo legal habitual para la mayoría de los sitios web y las aplicaciones?

WCAG 2.2 es el estándar vigente. Cuatro principios: perceptible, operable, comprensible y robusto (POUR). Tres niveles de conformidad: A (básico), AA (objetivo legal) y AAA (máximo). Apunte al nivel AA para cumplir la legislación. Mejoras rápidas: texto alternativo, HTML semántico, contraste de 4.5:1, prueba con teclado, campos etiquetados y foco visible.