Accesibilidad
Práctica de diseñar y desarrollar productos digitales que puedan ser usados por todas las personas, incluyendo aquellas con discapacidades visuales, auditivas, motoras o cognitivas.
¿Qué es?
Accesibilidad web (a11y) es la práctica de hacer que los productos digitales sean usables por todas las personas, independientemente de sus capacidades. No es un feature opcional — es un requisito fundamental de calidad.
WCAG (Web Content Accessibility Guidelines)
Estándar internacional con tres niveles:
- A: mínimo (contraste básico, texto alternativo)
- AA: recomendado (contraste 4.5:1, navegación por teclado)
- AAA: óptimo (contraste 7:1, lenguaje simple)
Principios POUR
- Perceivable: contenido perceptible (alt text, contraste, captions)
- Operable: navegable por teclado, sin trampas de foco
- Understandable: lenguaje claro, comportamiento predecible
- Robust: compatible con tecnologías asistivas
Prácticas esenciales
- HTML semántico (
<nav>,<main>,<button>) - ARIA roles y labels cuando HTML no es suficiente
- Navegación completa por teclado
- Contraste de color suficiente
- Texto alternativo para imágenes
- Focus visible y lógico
Checklist rápido por nivel WCAG
| Criterio | A | AA | AAA |
|---|---|---|---|
| Texto alternativo en imágenes | ✓ | ✓ | ✓ |
| Contraste de color | 3:1 | 4.5:1 | 7:1 |
| Navegación por teclado | Básica | Completa | Completa + atajos |
| Captions en video | ✓ | ✓ | ✓ + audiodescripción |
| Redimensionar texto | Hasta 200% | Hasta 200% | Sin pérdida de contenido |
| Lenguaje de la página | Declarado | Declarado | Simple y claro |
La mayoría de regulaciones (ADA, EN 301 549, Ley de Accesibilidad de la UE) exigen nivel AA como mínimo.
Herramientas
- axe DevTools, Lighthouse (auditoría)
- NVDA, VoiceOver (screen readers)
- eslint-plugin-jsx-a11y (linting)
¿Por qué importa?
La accesibilidad no es un nice-to-have — es un requisito legal en muchas jurisdicciones y una práctica de ingeniería que beneficia a todos los usuarios. Un sitio accesible funciona mejor con lectores de pantalla, teclados, conexiones lentas y dispositivos diversos. Ignorarla es deuda técnica que se acumula.
Referencias
- WCAG 2.2 — Estándar W3C.
- A11y Project — Recursos prácticos.
- WAI-ARIA Authoring Practices — W3C, 2024. Patrones de diseño y widgets accesibles.