WCAG (Web Content Accessibility Guidelines)
Este artículo es una explicación de conceptos sobre WCAG, que incluye preguntas de evaluación, componentes clave y etiquetas.
En resumen
WCAG define criterios de éxito verificables para accesibilidad basados en cuatro principios:
- perceptible
- operable
- comprensible
- robusto
El estándar objetivo típico en proyectos es WCAG AA.
Descripción técnica compacta
WCAG (del W3C) tiene niveles de conformidad:
- A (mínimo)
- AA (estándar en la práctica)
- AAA (ampliado, no siempre realista)
Los cuatro principios se conocen por el acrónimo POUR.
Criterios de éxito típicos (ejemplos):
- Contraste (AA generalmente 4,5:1 para texto corrido)
- Operabilidad con teclado
- Foco visible
- etiquetas claras y mensajes de error
Implementación:
- HTML semántico antes que ARIA
- orden lógico
- gestión del foco
- manejo de errores comprensible
Verificación: escaneos automatizados + comprobaciones manuales + pruebas con lector de pantalla y teclado.
Puntos clave para evaluación
- Explicar POUR
- Diferenciar niveles A/AA/AAA
- Mencionar valores de contraste
- Ruta de teclado y foco visible
- Pruebas: escáner + manual + tecnología de asistencia
- Documentación: lista de verificación, protocolos de prueba, guía de estilos
- Relación con EN 301 549 (UE)
Componentes principales
- Principios y criterios de éxito
- Nivel objetivo (AA) y alcance
- Semántica y estructura
- Operabilidad con teclado
- Contraste y perceptibilidad
- Etiquetas, nombre, rol y valor
- Tolerancia a errores y mensajes de error
- Alternativas para medios
- Tecnología robusta y ARIA correcta
- Proceso de QA y protocolos
Ejemplo práctico (formulario)
- etiquetas visibles y asociación programática
- orden de tabulación lineal, foco visible
- lista de errores enlaza campos, mensajes de error cerca del campo
- contraste 4,5:1 para texto
- lista de verificación de a11y y protocolo de prueba en el repositorio
Preguntas típicas de evaluación (con respuesta breve)
- ¿Qué significa POUR? Perceptible, Operable, Comprensible, Robusto.
- ¿Contraste AA para texto corrido? Al menos 4,5:1.
- ¿Cómo se prueba de forma eficiente? Automatizado + manual + teclado y lector de pantalla.