Accesibilidad Web: un diseño web para todos

Hace unas semanas estuvimos en un interesante meetup sobre accesibilidad web, impartido por Juan Regueras de Javacoya.

La accesibilidad web es necesaria para el posicionamiento orgánico. Pero lo más importante es que el mayor número de personas entienda y utilice nuestra web.

El poder de la Web está en su universalidad. El acceso por cualquier persona, independientemente de la discapacidad que presente es un aspecto esencial.

 Tim Berners-Lee, Director del W3C e inventor de la World Wide Web

Para conseguir un diseño web accesible se han desarrollado diferentes pautas o guías. En este artículo no vamos a profundizar en todas ellas. Pero vamos a tratar algunos aspectos básicos del diseño web que afectan a lo visual, auditivo, físico y cognitivo.

Al final del artículo compartiremos algunos enlaces de interés sobre accesibilidad web para quien quiera profundizar más sobre este tema.

¿Cómo mejorar el diseño de tu web para que sea accesible?

Primero vamos a ver aquellos aspectos que afectan a lo visual y auditivo:

• Es necesario que todas las imágenes y videos de tu web tengan completado el texto alternativo.
• Además hay que añadir una descripción para cada imagen.
• Los videos deben tener su transcripción.
• Tenemos que facilitar a los programas para la discapacidad visual una lectura comprensible.
• El tamaño de los textos debe de ser grande y la información no puede estar basada únicamente en el color.
• En el diseño, los colores no pueden tener poco contraste.

Segundo, nos centramos en los aspectos que afectan a lo físico:

• Hay que desarrollar una interfaz de usuario que pueda usarse con cualquier hardware, ya sea un ratón o un joystick.
• Los enlaces y los formularios deben de ser lo suficientemente grandes para poder ser clicados o completados fácilmente desde cualquier dispositivo.
• Un diseño responsive y la accesibilidad web van de la mano. Pues en ambos casos se focaliza solo en lo necesario, se prioriza y simplifica para obtener como resultado sitios más fáciles de navegar y de entender.

Finalmente, en los aspectos que afectan a lo cognitivo:

• Los textos deben de ser cortos y simples.
• Las imágenes deben complementar la información del sitio web.
• Tiene que existir un mapa de sitio web.
• Los controles de los formularios tienen que tener su descripción.
• Uso del captcha cognitivo.

Enlaces de interés sobre accesibilidad web:

Pautas de accesibilidad al contenido web.

Los seis principios para un diseño web accesible (en inglés)

Diseño web responsive y accesibilidad (en inglés)