Cómo crear una web accesible

Para que cualquier persona que quiera utilizar la Web pueda hacerlo, el contenido debe cumplir con los cuatro principios fundamentales de la accesibilidad Web: perceptibilidad, operabilidad, comprensibilidad y robustez.

Bajo cada uno de estos principios hay una serie de directrices y criterios de éxito que ayudan al equipo de diseño Web a lograr que las personas con discapacidad puedan navegar por la Web sin barreras. Además, estas pautas mejoran la usabilidad general para todos los usuarios.

Los 4 principios de accesibilidad

Perceptible: Los componentes de la interfaz deben estar presentados de tal manera que los usuarios puedan percibirlos. La información no puede ser invisible para sus sentidos.
Operable: Los componentes y la navegación deben ser operables. La interfaz no puede exigir una interacción que a un usuario le sea imposible de realizar.
Comprensible: El funcionamiento de la interfaz y la información deben ser claros y predecibles.
Robusto: El contenido debe ser lo suficientemente robusto como para ser interpretado de manera fiable por una amplia variedad de aplicaciones de usuario, incluidas las tecnologías asistivas.

10 recomendaciones para una web accesible

1. Atributo ALT: Utilizar el atributo `alt` para describir mediante texto las imágenes y animaciones.
2. Mapas de imagen: Usar el elemento `<map>` y texto alternativo para las zonas activas.
3. Multimedia: Incluir subtítulos y descripciones en los contenidos de vídeo y audio.
4. Enlaces descriptivos: Usar textos en hipervínculos que tengan relación con el destino y evitar frases genéricas como «Pulsar aquí».
5. Estructura clara: Organizar la página mediante encabezados, listas y semántica HTML. Delegar toda la maquetación a CSS.
6. Figuras y diagramas: Describirlos en la misma página o utilizar el atributo `longdesc`.
7. Contenido alternativo para scripts: Aportar alternativas accesibles cuando se utilicen scripts, applets y plug-ins.
8. Marcos (frames): Usar el elemento `<noframes>` y títulos con sentido.
9. Tablas accesibles: Facilitar la lectura línea a línea e incluir un resumen de contenido mediante el atributo `summary`.
10. Revisión y auditoría: Verificar el cumplimiento de normas de accesibilidad utilizando herramientas de validación como WAVE o AChecker.