Colores Accesibles

Diseñando con empatía: cómo utilizar colores

accesibles en tus visualizaciones de datos

Pablo Gomez – Abril 2023

 

Monster Tableau Tip

«Más allá del rojo y verde: aprende a diseñar visualizaciones inclusivas y accesibles»

¡Hola #DataFam! … Hoy quiero hablarles sobre un tema importante en el mundo de la visualización de datos: la accesibilidad para personas con daltonismo.

El daltonismo es una condición que afecta la percepción de los colores y se estima que aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres en el mundo lo padecen. Esto significa que es crucial tener en cuenta esta condición al diseñar visualizaciones de datos para asegurar que todos puedan comprender y utilizar la información presentada.

A menudo, en nuestras visualizaciones de datos, usamos colores como el rojo, amarillo y verde (sistema RAG en inglés Red, Ambar, Green) para representar diferentes estados o niveles. Sin embargo, esta elección de colores puede dificultar la interpretación de la información para las personas con daltonismo.

«Aproximadamente el 4,5% de la población es daltónica (8% en el caso de los hombres), siendo la deficiencia de color rojo-verde, conocida como «deuteranopía», la forma más común»

¿Cómo podemos mejorar la accesibilidad en nuestras visualizaciones de datos?

Esto nos lleva a reflexionar sobre el hecho de que una proporción significativa de espectadores puede no ser capaz de percibir correctamente la información que tratamos de transmitir con nuestras visualizaciones.

Por eso, es importante tener en cuenta la accesibilidad en nuestros diesños y optar por esquemas de color y elementos visuales que sean más inclusivos. Al hacerlo, garantizamos que un público más amplio pueda comprender y beneficiarse de la información presentada en nuestras visualizaciones.

Trabajando juntos, podemos hacer que el mundo de la visualización de datos sea más inclusivo y accesible para todos, y así marcar una diferencia positiva en nuestras comunidades.

Tres alternativas para diseñar visualizaciones inclusivas y accesibles

Para ayudarte en esta tarea, seleccioné tres alternativas de colores accesibles que te permitirán crear visualizaciones más inclusivas y comprensibles para todos. Aquí te las presento para que puedas tomar la mejor decisión al diseñar tus proyectos.

¡Vamos a descubrir estas alternativas juntos!

RAG Alternativa 1:

Esta primera alternativa ofrece una opción especialmente buena si deseas mantener la connotación de que el equivalente al tono rojo representa el lado «malo» o «negativo» de tus visualizaciones. Se asemeja también, a los colores ya conocidos de rojo, ámbar y verde, por lo que no le serían tan diferentes a tus usuarios o lectores:

RAG Alternativa 2:

El esquema de colores que va desde el rosa-rojo hasta el verde lima es una de las alternativas más comunes utilizadas en lugar de los tonos rojo y verde estándar que se usan por defecto.

En este ejemplo, se aplica para representar los grados por encima o por debajo de un promedio, en lugar de ser una indicación de algo malo o bueno. 

RAG Alternativa 3:

Este esquema divergente, es accesible para personas daltónicas inviertiendo la connotación del color rojo para hacerlo rojo-caliente-bueno, que luego diverge hacia un color azul que transmite azul-frío-malo.

Monster comments

Dejanos tu comentario y contanos que opinas!

1 Comentario

  1. Luis Salinas

    Muchas gracias Pablo, super interesante la información y útil al mismo tiempo. Pocas veces realmente pensamos en crear dashboards accesibles, pero es algo que todos deberíamos cambiar.
    Saludos desde Salta, Argentina

    Responder

Deja un comentario