Vea el mundo de otra manera: una guía para crear mapas aptos para personas con daltonismo

En el flujo constante de información actual, las empresas compiten por captar la atención de cada espectador. Sin embargo, muchas pasan por alto la accesibilidad del diseño y pierden una parte importante de su audiencia. ¿Sus mapas son fáciles de leer? Descúbralo en este artículo y aprenda a crear mapas aptos para personas con daltonismo.

Esta estadística le sorprenderá

El daltonismo afecta al 8 % de los hombres y al 0,5 % de las mujeres. En total, hay alrededor de 300 millones de personas con daltonismo en el mundo, lo que equivale a la mitad de la población total de Europa.

Además, los colores claros y bien definidos mejoran la nitidez de la imagen para personas con otras discapacidades visuales (2.000 millones de personas, según la OMS). Esto resulta especialmente relevante en el contexto del envejecimiento de la población, ya que un número cada vez mayor de personas experimenta cambios en la visión.

Guía rápida sobre el daltonismo

El “daltonismo” es un trastorno visual que reduce o elimina por completo la capacidad de diferenciar colores. Los tipos de daltonismo se clasifican según su prevalencia:

1. Verde (deuteranomalía).
El tipo de daltonismo más común.

2. Rojo (protanomalía).  

3. Azul (tritanomalía). 

3. Monocromatismo 
Percibir el mundo en blanco y negro.

Nota: las personas con daltonismo no solo tienen dificultades para reconocer estos colores, sino también los tonos que los contienen. Por ejemplo, si una persona no puede percibir el color rojo, el azul y el morado pueden parecer idénticos, ya que el morado incorpora un matiz rojizo. 

No existe una lista negra de colores

Existe la creencia común de que no se deben usar juntos el rojo y el verde en un diseño accesible. Sin embargo, este consejo no es suficiente. Lo importante no es el color en sí, sino el tono y cómo interactúa con los demás componentes del diseño. 

La mala noticia es que no podemos decirle qué colores debe evitar. La buena es que no tiene que cambiar sus colores favoritos ni los de su marca; solo necesita acompañarlos con los elementos adecuados. Puede utilizar extensiones del navegador para simular distintos tipos de visión y poner a prueba su diseño. También puede recurrir a generadores de paletas, como Adobe, para crear una paleta accesible.

Formas de hacer su mapa accesible

Mapcreator ofrece una personalización detallada del estilo de los mapas, por lo que podemos ayudarle a adaptar sus estilos de muchas maneras. La regla principal es que el color no debe ser la única pista visual. Otros elementos y efectos también deben ayudar a que los objetos de su mapa se vean definidos y reconocibles. A continuación, verá algunos ejemplos, todos creados con Mapcreator.

1. Atención a las formas similares
Los mapas, a diferencia de los gráficos circulares, contienen geometría como pista visual. Por ejemplo, es poco probable que confunda carreteras y edificios con colores similares porque tienen formas distintas. Al mismo tiempo, conviene asegurarse de que los colores de los ríos y las carreteras sean diferentes, ya que ambos son elementos lineales. 

Los mapas coropléticos merecen una atención especial. En este tipo de mapa, la geometría por sí sola no puede transmitir la información al lector. 

2. Contraste 
La forma más eficaz de hacer que una imagen sea legible es aumentar su contraste. Observe su mapa con un filtro en blanco y negro y asegúrese de que los colores se distingan entre sí. Las personas con sensibilidad reducida al color sí pueden diferenciar entre tonos claros y oscuros. Para mostrar la diferencia y la importancia del contraste en los mapas, a continuación encontrará dos ejemplos, uno bueno y otro malo. Aunque en condiciones de visión normal el color parece funcionar bien en ambos mapas, con daltonismo se aprecia lo difícil que resulta ver las carreteras o cualquier detalle del mapa.

Mal ejemplo con visión normal y con daltonismo:

Buen ejemplo con visión normal y con daltonismo:

3. Contorno
Si no puede cambiar los colores por otros con más contraste, añada un contorno de un color más oscuro o más claro. Delinear textos, carreteras, edificios y otros elementos con un color adicional ayudará a destacarlos.

Ejemplo sin contorno, tanto con visión normal como con daltonismo:

Ejemplo con contorno, tanto con visión normal como con daltonismo:

3. Texturas y patrones
Otra forma de hacer que los elementos del mapa se distingan mejor es añadir textura o patrones. En los ejemplos siguientes puede ver con claridad cómo, en ocasiones, incluso colores como el azul y el verde pueden fundirse en una sola mancha para quienes tienen daltonismo. Aquí, el uso de un patrón permite diferenciar la zona del parque de la zona de agua.

Ejemplo sin patrón, tanto con visión normal como con daltonismo:

Ejemplo con patrón, tanto con visión normal como con daltonismo:

4. Iconos 
También puede añadir iconos para que el mapa sea más claro. Como puede ver en el ejemplo siguiente, la visión con daltonismo difumina el rojo y el verde hasta convertirlos en un único color apagado. En este caso, una flecha en el mapa ayuda a destacar dos áreas, asegurando que se entienda la historia, por ejemplo, que las personas de esas zonas están migrando.

5. Texto
El texto puede destacar con eficacia el mensaje principal de su mapa, pero debe ser visible. Si no quiere utilizar un contorno para el texto, asegúrese de que los colores del texto y del fondo cumplan con el estándar WCAG. Puede usar este sitio web para comprobar si conviene más usar un color claro u oscuro para el texto.

Pruébelo usted mismo.

Esperamos que este artículo le inspire a crear mapas accesibles. Permita que estas recomendaciones no sean un conjunto de restricciones, sino una oportunidad para mirar su diseño desde otra perspectiva y cuidar mejor de su audiencia.