Por qué importa la accesibilidad: niveles WCAG

La accesibilidad web consiste en garantizar que las personas con discapacidades puedan percibir, comprender, navegar e interactuar con la web:

• Discapacidades visuales — ceguera, baja visión, daltonismo
• Discapacidades motoras — imposibilidad de usar un ratón
• Discapacidades auditivas — sordera
• Discapacidades cognitivas — dislexia, TDAH, dificultades de memoria

La accesibilidad es importante por varios motivos:

• Derecho humano — todas las personas merecen acceder a la web
• Requisito legal — ADA, Section 508 y EU Accessibility Act
• Argumento empresarial — el 15 % de la población mundial tiene una discapacidad (1000 millones de personas)
• SEO — los sitios accesibles suelen posicionarse mejor
• Mejor experiencia de usuario para todos — el efecto de los rebajes de las aceras: los subtítulos ayudan en entornos ruidosos

WCAG (Web Content Accessibility Guidelines) es el estándar internacional de accesibilidad web publicado por el W3C:

• Versión actual: WCAG 2.1 (ampliamente adoptada), WCAG 2.2 (2023)
• WCAG 3.0 está en desarrollo
• Se organiza en torno a 4 principios: POUR

WCAG se basa en cuatro principios fundamentales. El contenido debe ser:

• Perceptible — los usuarios deben poder percibir la información
• Operable — los usuarios deben poder utilizar la interfaz
• Utilizable — el contenido debe poder utilizarse y comprenderse
• Robusto — el contenido debe funcionar con tecnologías de asistencia actuales y futuras

WCAG tiene tres niveles de conformidad:

• Nivel A — mínimo; debe cumplirse. Sin él, se excluye a grupos importantes.
• Nivel AA — recomendado para la mayoría de los sitios web; exigido por la mayoría de las leyes
• Nivel AAA — ideal, pero no obligatorio; un umbral muy elevado

Requisitos esenciales del nivel A:

• Todas las imágenes tienen texto alternativo
• Todo el audio tiene una transcripción o subtítulos
• Ningún contenido parpadea más de 3 veces por segundo (riesgo de convulsiones)
• Los usuarios pueden pausar, detener u ocultar el contenido en movimiento
• Todas las funciones son accesibles mediante el teclado

Requisitos del nivel AA (el objetivo estándar):

• Relación de contraste del texto: al menos 4.5:1
• Los indicadores de foco de la interfaz son visibles
• Cambiar el tamaño del texto al 200 % no altera el diseño
• Los formularios tienen etiquetas adecuadas
• Los mensajes de error identifican y describen los errores
• Navegación coherente entre las páginas

Requisitos del nivel AAA (aspiracionales):

• Relación de contraste del texto: al menos 7:1
• Interpretación en lengua de signos para el audio
• Nivel de lectura: no superior al de noveno grado
• Carga cognitiva reducida al mínimo
• Se puede desactivar el tiempo de espera de la sesión

Leyes de accesibilidad web en todo el mundo:

• USA — ADA (Americans with Disabilities Act), Section 508 (federal)
• EU — European Accessibility Act (EAA), vigente desde 2025
• UK — Equality Act 2010 y normativa del sector público
• Canada — AODA, ACA
• Australia — DDA (Disability Discrimination Act)

Los sitios accesibles benefician a todas las personas:

• Los subtítulos ayudan en entornos ruidosos
• Un buen contraste de colores ayuda con la luz solar intensa
• La navegación mediante el teclado ayuda a los usuarios avanzados
• El lenguaje claro ayuda a las personas que no son hablantes nativas
• El 15 % de los usuarios tiene una discapacidad: un mercado importante

Cómo empezar a crear sitios accesibles:

1. Use correctamente los elementos HTML semánticos
2. Pruebe con un teclado: ¿puede usar el sitio sin un ratón?
3. Compruebe las relaciones de contraste con WebAIM Contrast Checker
4. Añada texto alternativo a todas las imágenes significativas
5. Ejecute la auditoría de accesibilidad de Lighthouse
6. Pruebe con un lector de pantalla gratuito (NVDA o VoiceOver)

¿Qué nivel de conformidad de WCAG suelen exigir las leyes de accesibilidad?

Aspectos esenciales de WCAG:

• POUR: Perceptible, Operable, Utilizable y Robusto
• Nivel A — mínimo; debe superarse
• Nivel AA — recomendado; exigido por la mayoría de las leyes
• Nivel AAA — ideal; no es obligatorio para todo el sitio
• Empiece con HTML semántico, navegación mediante el teclado y texto alternativo