Qué significa la accesibilidad en la web

January 22, 2018

Imagina que entras a tu sitio web favorito y no puedes usarlo 😭, porque no fue creado pensando en la forma que tú lo usarías.

Este contenido lo publiqué primero en mi newsletter, la semana después de publicar el newsletter publico en mi blog, si quieres ser el primero en leer suscríbete.

Foto por James McKinven en unsplash

Esta es la situación que se encuentran muchas personas con alguna discapacidad, cuando intentan usar internet hoy, por eso he querido escribir y profundizar un poco en lo que significa la accesibilidad en la web hoy.

¿Qué es la accesibilidad web?

Resulta fácil caer en la trampa de pensar que todos nuestros usuarios van a tener las mismas capacidades, incluso van a poder usar el cursor siempre para interactuar con nuestro sitio. Cada usuario va a tener una experiencia única y esto es importante al pensar en accesibilidad.

Crear un sitio web accesible significa que un sitio pueda estar disponible para cualquier persona y pueda usar toda la funcionalidad del sitio sin importar si tiene una discapacidad.

Tipos de discapacidad

Cuando hablamos de discapacidad debemos pensar primero en el tiempo que afecta esta discapacidad.

Puede ser situacional, una limitación dada por una situación (estas cargando algo en una mano y solo puedes usar una mano para navegar), temporal,una limitación por un accidente o enfermedad (te partiste un brazo y solo puedes usar el mouse o teclado), permanentes vives con una discapacidad por el resto de tu vida.

Luego debemos pensar en los tipos de discapacidad que puede tener un usuario, para esto quiero referirme estadísticas de disabilitycompendium.

  • 2% de la población tienen algún tipo de discapacidad de visión
  • 50% de las población tiene errores en la visión
  • 8% deficiencia en la visión del color
  • 2% de adultos, discapacidad escuchando
  • 4% discapacidades cognitivas

Qué otras interfaces se utilizan para navegar por internet

Dependiendo de las discapacidades que tenga una personas va a usar una interfaz que le permita usar internet, entre estas están:

Lector de pantalla, para personas que no tienen la posibilidad de ver, este dispositivo lee el contenido de la pantalla, usando un sintetizador de sonido.

Lector Braille, para personas que no tienen la posibilidad de ver y/o escuchar permite sentir lo que esta en la pantalla con los dedos.

Controlador por voz, o rastreador de ojos, para personas que tienen discapacidades motoras.

Interfaces simples, para personas que tienen impedimentos mentales (dislexia, autismo) no necesariamente necesitan hardware especial, depende es de lo complejo que sea el sitio que están visitando, requieren sitios sencillos.

Guia de accesibilidad

La W3C tiene Web Content Accessibility Guidelines (WCAG)

Esta es una guía para construir interfaces accesibles que se basan en 4 principios:

Cuatro principios:

  • Perceptible: ayudar a las personas a ver u oír el contenido de la web en el navegador o usando un lector de pantalla
  • Operable: Dar la posibilidad de interactuar con el contenido del sitio web usando el teclado, mouse o un dispositivo de ayuda.
  • Comprensible: Tener una interfaz clara y comprensible
  • Robusto: El contenido puede ser accedido desde una gran cantidad de dispositivos

También ponen a disposición un checklist que puedes usar para revisar si cumples estas guías.

Cómo construir interfaces accesibles

Mientras construyes tus interfaces también puedes utilizar una serie de herramientas para ir probando la accesibilidad de tu sitio web, entre ellas estan:

  • Axe: Lo puedes utilizar como una extensión de chrome/firefox, o puedes utilizarlo como un script si quieres automatizar el proceso de prueba.
  • eslint-plugin: puedes usar un plugin de eslint que te va diciendo que errores comunes cometes y como corregirlos.
  • Lighthouse: Dentro de las herramientas de las herramientas de desarrollador de chrome, puedes encontrar el tab de auditoria, en este vas a poder auditar la accesibilidad de tu sitio.

Implementar estas u otras herramientas en tu proceso de construcción te va a ayudar a mejorar la accesibilidad de tu sitió, pero la realidad es que la mejor prueba que puedes hacer es probar tu aplicación con personas con algún tipo de discapacidad y entender como utilizan tu aplicación.

Recursos

Algunos buenos recursos para aprender de accesibilidad

Conclusión

Internet es increíblemente importante hoy para muchos aspectos de nuestras vidas (educación, empleo, salud, recreación, etc), crear una web accesible va a mejorar la vida de las personas** y dar igualdad de oportunidades.

Algo que me preocupa es los pocos recursos sobre el tema, creo que como programadores podemos influir para que esto cambie, algunas de las acciones que pueden mejorar esto es:

  • Preocuparnos porque los sitios que construimos sean accesibles.
  • Buscar que los cursos de desarrollo web incluyan el tema de accesibilidad.
  • Incluir en las pruebas de usuario personas con algún tipo de discapacidad.

¿Te gustaría que hablará más sobre accesibilidad?