Hacer una transferencia sin necesidad de ir al banco, comprar comida sin salir de casa, o simplemente, mantenerte en contacto con alguien en tiempo real sin importar la distancia… Son muchas las actividades que actualmente podemos realizar en un entorno digital, sin embargo, no todos los usuarios de internet se ven beneficiados por estas soluciones.

Existe un amplio rango de consumidores que ven afectada su experiencia en medios digitales debido a que cuentan con diferentes capacidades visuales. De acuerdo con la OMS, alrededor del mundo hay más de 2 mil millones de personas con capacidades visuales diferentes.

Ante esta situación han surgido iniciativas que plantean la democratización de la información, una de ellas, el Diseño Accesible, cuyo objetivo principal es ser de utilidad a todos los usuarios independientemente de cuáles sean sus capacidades y se rige por cuatro principios básicos que especifican las características que todo producto o servicio digital debe cumplir para considerarse accesible o universal:

1. Perceptible: que todos los usuarios tengan acceso al contenido (ya sea por lectura o por audio).

2. Operable: que todos los usuarios puedan usar el producto o servicio digital, ya sea por medio del uso de teclado, mouse o comandos de voz.

3. Comprensible: que todos los usuarios puedan comprender la información fácilmente.

4. Robusto: que el producto o servicio digital se pueda complementar con diferentes tecnologías de asistencia.

LOS CONSUMIDORES PERCIBEN LA WEB DE FORMA DIFERENTE

A continuación, exploraremos las mejores prácticas y los beneficios concretos asociados con el desarrollo de productos y experiencias digitales que sean accesibles para todos.

A lo largo de los ejemplos que presentaremos a continuación, nos enfocaremos en consumidores que experimentan las interfaces web de manera única, como aquellos con baja visión, daltonismo y otras condiciones visuales. Nuestra meta es ilustrar cómo la implementación de estándares éticos y legales en accesibilidad no solo mejora la experiencia para estos usuarios, sino que también amplía el alcance de tu marca.

Visión normal:

Protanopía (ausencia del color rojo):

Acromacia (ausencia de colores):

Deuteranopía (ausencia del color verde):

Tritanopía (ausencia del color azul):

Visión borrosa:

Visión doble:

Estas imágenes nos permiten conocer de primera mano las dificultades a las que se enfrentan nuestros usuarios y, por lo tanto, a reconsiderar la forma en que nos acercamos a ellos a través de los medios digitales.

Realizar diseños accesibles toma relevancia si consideramos que cerca del 61.3% de los usuarios con capacidades visuales diferentes limita su uso de internet, debido a que las experiencias poco satisfactorias que han tenido ocasionan que la confianza digital se vea afectada, lo cual se refleja en la pérdida de potenciales clientes.

Existen algunas directrices imprescindibles para garantizar un producto digital accesible desde el punto de vista del diseño gráfico y la usabilidad, las cuales, seguramente, ya aplicamos en nuestro día a día, sin embargo, es de suma importancia hacer conciencia de cómo éstas nos ayudan no solo a crear proyectos impactantes, sino también a ser más incluyentes con nuestro entorno:

1. Uso del color:

Evita usar el color para transmitir información, por ejemplo, en mensajes de alertas; así como, mantener un buen contraste y hacer uso de herramientas que nos permitan ejemplificar las variaciones de color que podemos obtener considerando un rango más amplio de consumidores.

2. Uso de iconografía y emojis:

El uso de estos elementos destaca información que es de utilidad para el usuario ya que puede ayudar a las personas con percepción diferente del color a identificar secciones o mensajes de error, éxito, entre otros. Sin embargo, es importante mencionar que el uso de estos elementos debe ser con la finalidad de practicidad, en el caso de los emojis, por ejemplo, evitar su uso para sustituir palabras.

3. Jerarquía de la información y uso de textos:

Definir con claridad los diferentes estilos de texto, por ejemplo: títulos, subtítulos, párrafos, ayudará a que los usuarios puedan identificar con mayor facilidad el contenido digital. Igualmente es importante adherirse a las mejores prácticas de legibilidad usando tamaños adecuados de texto, por ejemplo, 16 pt mínimo para los párrafos.

4. Uso alternativo de textos (alt text):

El uso de textos alternativos en las imágenes es también una buena práctica que ayudará a las personas a identificar el contenido de la imagen en caso de que sea necesario. Sin mencionar las ventajas que tiene también en el posicionamiento SEO.

5. Contrastes:

En este caso, no solo nos referimos a los contrastes de color, sino también al uso de información sobre fondos que puedan disminuir la legibilidad.

Como se puede observar en los siguientes ejemplos, el uso de estas directrices trae como resultado diseños accesibles, es decir, las piezas que a continuación se muestran ya consideran la aplicación de “buenas prácticas” en diseño:

Visión normal:

Protanopía (ausencia del color rojo):

Acromacia (ausencia de colores):

Deuteranopía (ausencia del color verde):

Tritanopía (ausencia del color azul):

Visión borrosa:

Visión doble:

BENEFICIOS PARA TU MARCA

Cumplir los principios básicos del diseño accesible y basándonos en las mejores prácticas de diseño, usabilidad y desarrollo, las empresas pueden obtener destacables beneficios que potencialmente resultarán en incremento de ventas y lealtad a la marca:

1. Incremento en el alcance:
Al mejorar la usabilidad del sitio la audiencia será mayor, y sí además de estas mejores prácticas enfocadas en el diseño gráfico, se agregan las directrices establecidas por la W3C se incrementa el posicionamiento en los motores de búsqueda.

2. Conversiones:
Con un journey de usuario accesible para todos los consumidores, la permanencia de estos en el sitio incrementará y exponenciará las posibilidades de conversión.

3. Responsabilidad Social:
Se refuerza positivamente la imagen de la empresa al cumplir con los lineamientos éticos e incluyentes de la sociedad actual.

4. Lealtad a la marca:
Cumplir con estándares y directrices que amplíen el alcance de los usuarios y mejoren su experiencia de navegación se ve reflejado directamente en usuarios satisfechos.

En iCrossing, estamos comprometidos con la inclusión, el desarrollo e innovación constantes para entregar soluciones exitosas que permitan disminuir la brecha digital, somos conscientes de que diseñar con perspectiva inclusiva, nos permitirá evolucionar para un futuro centrado en experiencias humanas.