Productos digitales más accesibles

Uno de los grandes temas en la diversidad e inclusión en el diseño es la accesibilidad.

Lalo González
Laboratoria
4 min readOct 30, 2018

--

Productos digitales más accesibles

El 25 de septiembre del 2018 se celebró la primera edición del Interaction Design Day, el tema fue Diversidad e Inclusión en el diseño.

Uno de los grandes temas en la diversidad e inclusión en el diseño es la accesibilidad: cómo hacemos nuestros productos más accesibles para una mayor cantidad de personas o, según wikipedia, el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas, cognitivas o físicas. En este post, les contaré un poco sobre eso.

Mi viaje a través de la accesibilidad empezó hace 3 años conversando con una amiga Front-end en Expedia en San Francisco. En una de nuestras conversaciones me explicó que en Expedia la accesibilidad era un gran tema y que casi todo el tiempo, como parte de su proceso de desarrollo, tenía que probar la web de Expedia con los ojos cerrados y con un screen reader, porque así lo usan las personas con discapacidad visual y Expedia tenía que ser accesible para este grupo de personas. Ese día quedé “mind blown” e investigué mucho más al respecto.

¿Has escuchado hablar de accesibilidad?

Si no lo has hecho, es buena idea empezar por este video:

Este video de principios de la década del 2000, nos hace reflexionar (al menos a mí) en cómo personas con algún tipo de discapacidad utilizan la tecnología y qué estamos haciendo para que sea más inclusiva para ellos.

Han pasado casi 20 años desde la grabación de ese video y aún habemos muchos diseñadores, desarrolladores, tecnólogos en general, que no tenemos en cuenta la accesibilidad a la hora de desarrollar nuestros productos dejando de lado a los casi 35 millones de personas con discapacidad que viven en América Latina.

Los usuarios de nuestros productos digitales pueden tener, entre otros, estos tipos de discapacidades: visual, auditiva, motriz, cognitiva.

Entonces, ¿cómo hago mi diseño más accesible para estos usuarios?

No utilices color como la única manera de dar un mensaje al usuario. Es común ver cómo algunos formularios solo muestran un borde rojo para darle a entender a un usuario que hay un error.

Sin embargo, hay muchos usuarios con problemas para diferenciar los colores. Por lo que no podrían diferenciar si es que hay un error o no. Aquí un ejemplo.

Imagen muestra como ven dos botones de color verde y naranja personas con visión normal ©, con protanopia (P), deuteranopia (D) and tritanopia (T). Tomada de aquí.

Utiliza el correcto nivel de contraste. Cuando elijas un color para mostrar un texto mira bien que el color de las fuentes tenga el suficiente contraste con el color de fondo. En esta herramienta llamada color contrast checker puedes mirar si los colores que utilizas cumplen con el nivel mínimo de contraste sugerido en el Web Content Accessibility Guideline.

Haz que tu sitio pueda ser utilizado al 100 % con el teclado y con un screen reader. Muchos usuarios con problemas visuales utilizan un screen reader para navegar la web. Además del screen reader utilizan el teclado para poder moverse a través del contenido. Si tu contenido no es fácil de navegar con el teclado les estarás complicando la vida a estos usuarios.

Ofrece subtítulos y/o transcripciones para tus videos o audios. Recuerda que hay un gran grupo de usuarios que tiene discapacidades auditivas. Además un transcript te ayuda en la relevancia de tu contenido — si es que estás pensando en SEO ;) .

Ted.com ofrece la opción de ver los videos con subtítulos y también ofrece las transcripciones de los mismos.

Utiliza lenguaje sencillo en los textos de tus interfaces. Para las personas con sordera congénita y que aprendieron el lenguaje de señas como su lengua materna, el español es como un segundo lenguaje. La gramática no es la misma. Intenta utilizar el lenguaje más simple que puedas.

No resuelvas los problemas más complicados solo con llamadas al call center. Un tema común en bancos y aerolíneas. Piensa en cómo podría tener un llamado con el call-center para hacer un reclamo una persona con sordera congénita. ¿?

¿Quieres saber más acerca de accesibilidad?

Te recomiendo estos videos:

Accesibilidad en Laboratoria

Si bien es cierto, aún estamos en camino de hacer nuestros productos más accesibles. Nos aseguramos que nuestras estudiantes, tanto desarrolladoras como diseñadoras puedan conocer y explorar sobre este tema durante su paso por el bootcamp.

Conoce a nuestras estudiantes ingresando al siguiente link:

--

--