Un diseño web accesible es el que puede usar cualquier persona, tenga o no una discapacidad. Ya no es solo buena práctica: desde junio de 2025 el European Accessibility Act lo exige a muchas empresas. La buena noticia es que el 80% se consigue con unos cuantos principios claros. Te los dejo con un checklist para aplicarlos hoy.
Los principios de un diseño accesible
1. Contraste suficiente
El texto tiene que leerse sin esfuerzo. WCAG pide 4.5:1 para texto normal y 3:1 para texto grande. Evita el gris claro sobre blanco, por muy elegante que quede.
2. Texto alternativo en las imágenes
Cada imagen con información necesita un alt que la describa, para que el lector de pantalla la comunique. Las imágenes decorativas llevan alt vacío para que se ignoren.
3. Navegable con teclado
Todo lo que se hace con ratón debe poder hacerse con teclado (tabulador y Enter). Y el foco tiene que verse: no elimines el contorno de foco sin poner otro.
4. HTML semántico
Usa las etiquetas correctas: encabezados en orden, button para botones, nav para la navegación. La estructura semántica es lo que entiende la tecnología de apoyo.
5. Formularios con etiquetas
Cada campo necesita su label asociado, y los errores deben explicarse con texto, no solo con color rojo.
6. No dependas solo del color
Si marcas algo importante en rojo, añade también un icono o texto. Una parte de tus usuarios no distingue esos colores.
Checklist rápido de accesibilidad
- Contraste de texto 4.5:1 comprobado.
- Todas las imágenes con alt correcto.
- Web navegable solo con teclado, con foco visible.
- Encabezados en orden y HTML semántico.
- Formularios con label y errores en texto.
- Vídeos con subtítulos.
- Probada con un lector de pantalla.
Cómo comprobar si tu web es accesible
Combina herramientas automáticas y pruebas manuales. Lighthouse (en Chrome) y WAVE detectan muchos fallos en segundos; el resto lo pillas navegando con el teclado y escuchando con un lector de pantalla. Y si te obliga la ley, revisa el detalle del European Accessibility Act para saber qué te aplica.
Más recursos de diseño web
Preguntas frecuentes
¿Es obligatorio por ley?
Desde junio de 2025, el European Accessibility Act obliga a muchas empresas a cumplir accesibilidad (WCAG 2.1 AA) en sus servicios digitales.
¿Qué contraste mínimo necesita el texto?
4.5:1 para texto normal y 3:1 para texto grande, según WCAG AA.
¿Cómo compruebo si mi web es accesible?
Con Lighthouse o WAVE para lo automático, más pruebas reales con teclado y lector de pantalla.
Empieza por el contraste y el texto alternativo, que son los fallos más frecuentes, y ve bajando por el checklist. Tu web ganará en usabilidad para todo el mundo, no solo para quien lo necesita.
