Accesibilidad: Acercando a los usuarios desde el diseño

Cada tercer jueves de mayo se celebra el Día Mundial de la Concientización sobre la Accesibilidad, conocido en inglés como Global Accessibility Awareness Day (GAAD). Este día tiene como propósito hablar, reflexionar y aprender respecto a la accesibilidad en entornos digitales.

La accesibilidad web abarca todas las discapacidades que afectan el acceso a la web, incluyendo las auditivas, cognitivas, neurológicas, físicas, visuales y los trastornos del habla.

Cuando nos referimos a la accesibilidad web, hablamos del contenido, la navegación y las interacciones que se encuentran en productos y servicios digitales. Cuando diseñamos estos espacios teniendo en cuenta la accesibilidad, todas las personas pueden acceder en igualdad de condiciones.

Nuestro deber como diseñadores UX

Como diseñadores UX, tenemos un rol fundamental en promover y crear conciencia entre los equipos, personas y usuarios digitales sobre la importancia de la accesibilidad. A continuación, presentamos algunas acciones que pueden ayudar a contribuir y fomentar este tema.

1. Investigar y comprender las pautas de accesibilidad

Es importante mantenerse actualizado con las pautas de accesibilidad relevantes, como las WCAG 2.1 (Pautas de Accesibilidad para el Contenido Web). Estas nos brindan orientación sobre cómo hacer que los sitios web y aplicaciones sean accesibles para personas con discapacidad. Al comprender y aplicar estas pautas, aseguramos que nuestros diseños cumplan con los estándares de accesibilidad.

2. Considerar la accesibilidad desde el principio

Integrar la accesibilidad en todas las etapas del proceso de diseño es fundamental para aumentar las posibilidades de éxito del producto final. Trabajar para eliminar barreras desde el inicio del proyecto nos beneficia en el proceso de iteración en las diferentes etapas.

3. Diseñar para diferentes capacidades

Es relevante tener en cuenta las diferentes capacidades de los usuarios y la posibilidad de adaptar el diseño en consecuencia. Esto implica proporcionar opciones de controles flexibles, tamaño de texto ajustable, contrastes de color adecuados y alternativas para contenido multimedia.

4. Realizar pruebas

Realizar pruebas con usuarios reales durante el proceso es de suma relevancia para obtener comentarios sobre su experiencia. Esto nos ayuda a identificar de manera más efectiva los desafíos y las mejoras a trabajar.

5. Fomentar la empatía, conocimiento y concientización

Educar sobre los beneficios de diseñar desde espacios inclusivos nos ayuda a tener en cuenta la accesibilidad en nuestros proyectos.

6. Mantenerse actualizado

La tecnología y las pautas evolucionan constantemente, por lo que es importante mantenerse al día con las tendencias y las mejores prácticas en accesibilidad para implementar estos avances en nuestros diseños.

Lo que debemos cuidar y no olvidar diseñando sitios web

Actualmente no existe una pauta que nos indique cómo diseñar de manera accesible. Sin embargo, podemos seguir ciertos parámetros que ayudan a crear interfaces más amigables para todos los usuarios. A continuación, se presentan opciones que se pueden utilizar para diseñar de manera más inclusiva.

Textos y contenidos

• Estructurar las jerarquías de los títulos: Contar con un orden para los títulos (h1, h2, …) facilita la lectura y el procesamiento de la información por parte de los lectores de pantalla.
• No escribir textos en mayúsculas: Puede que algunos lectores de pantalla lean por defecto letra a letra, lo que puede dificultar la comprensión para el usuario.
• Prueba de tamaños: Utilizar herramientas para verificar si los tamaños propuestos son legibles desde un mínimo.
• Etiquetas claras y descriptivas: Crear etiquetas comprensibles para elementos como botones y enlaces.
• Navegación: Diseñar la estructura del sitio de manera coherente mediante encabezados y etiquetas permite que las personas puedan desplazarse fácilmente entre secciones.
  

Colores

• Contraste y legibilidad: Utilizar colores y contrastes adecuados entre ellos para facilitar la legibilidad. Lo ideal es hacer pruebas entre color y texto para verificar que funciona, más que de elementos por separado como sería texto/texto o color/color.
• Corroborar los colores: Utilizar herramientas que permitan verificar si los colores utilizados cumplen con las normas sugeridas por la WCAG. Algunos colores pueden ser accesibles pero presentar demasiada saturación o baja luminosidad, lo que puede afectar la armonía del diseño.
• Consideración del modo oscuro: Además de verificar los contrastes de colores en las interfaces, es importante permitir la activación/desactivación del modo oscuro de manera sencilla, sin obligar al usuario a permanecer en un estado que no le convenga. Puedes obtener más información sobre esto en nuestro artículo Modo oscuro en interfaces: Consideraciones sobre cómo aplicarlo y no fallar en el intento.

Elementos interactivos

• Alternativas para contenido multimedia: Proporcionar opciones como imágenes, videos y/o audios para que las personas puedan elegir cómo acceder al contenido.
• Animaciones: Si el sitio cuenta con animaciones automáticas, incluir botones de activación/desactivación del contenido.

Facilitación y fluidez en la navegación

• Texto alternativo: Incluir texto o subtítulos descriptivos en imágenes y videos para ayudar a los lectores de pantalla.
• Navegación por teclado y atajos: Permitir la navegación del sitio mediante el teclado y añadir atajos en este puede facilitar el recorrido de los usuarios entre secciones.
• Iframes: Agregar texto o título descriptivo para indicar al usuario que se trata de elementos interactivos.

Si tu sitio cuenta con alguna herramienta de accesibilidad adicional, no olvides informar al usuario desde el inicio de su disponibilidad en caso de ser necesario.

Casos de éxito en Chile

En Chile, hemos presenciado el desarrollo de aplicaciones que buscan dar respuesta a necesidades particulares. A continuación, presentamos dos ejemplos de proyectos exitosos que han logrado mejorar la vida independiente de personas con discapacidad:

Lazarillo

Este proyecto nació como una idea de tesis que abordó la necesidad de más de 800 mil personas con discapacidad visual, quienes se enfrentan diariamente a la necesidad de asistencia de terceros para llevar a cabo acciones cotidianas.

La aplicación GPS funciona mediante mensajes de voz que brindan información sobre la ruta que deben seguir, facilitando su movilidad por la ciudad. Lazarillo está disponible en 29 países y ha sido traducida, con la ayuda de los propios usuarios a 15 idiomas.

Pictos

Este proyecto fue desarrollado por el Núcleo de Accesibilidad e Inclusión de la Pontificia Universidad Católica de Valparaíso, en colaboración con un equipo de investigadores, diseñadores y desarrolladores con y sin discapacidad.

Pictos es una aplicación que utiliza apoyos visuales, conocidos como pictogramas, para ayudar a comprender y utilizar los servicios de la ciudad. También permite evaluar la accesibilidad de dichos servicios y ayudar a otros usuarios a comprender su funcionamiento de manera más efectiva.

Potenciando la accesibilidad para las personas 

La autonomía es una de las sensaciones más satisfactorias que experimentamos como personas cuando logramos completar una tarea o alcanzar una meta. Por esta razón, siempre debemos tener en cuenta que nuestros diseños, más allá de simplificar acciones para los usuarios, deben ser inclusivos, brindando a todas las personas la oportunidad de enfrentar los desafíos que se les presentan.

Ampliar el campo de usabilidad de nuestros productos no solo los hace accesibles, sino que también permite atraer a un público más amplio. Diseñar para todas las personas es una oportunidad que conlleva beneficios en cadena, ya que nos permite interactuar, comprender y ver el mundo de manera más responsable y empática.

A partir de los casos de éxito mencionados, esperamos contar con el desarrollo de más personas interesadas en crear espacios donde la investigación y el diseño generen productos que mejoren la calidad de vida de las personas, potenciando su autonomía como pilar fundamental.

Referencias: 

About GAAD – Global Accessibility Awareness Day

La app chilena que guía a personas con discapacidad visual se abre al mundo – Pauta.cl