Skip to main content


Eduardo de la Puente

Imprescindible en una sociedad con aumento progresivo de enfermedades visuales y problemas de percepción como el daltonismo

La consideración de la accesibilidad en el diseño gráfico implica abordar problemas relacionados con la visualización cromática de manera efectiva ya que nos enfrentamos a una sociedad que cada vez tiene más dificultades de percepción. Cansancio visual provocado por las pantallas de ordenadores, móviles y tables; presbicias tempranas, no distinción de cromatismo y colores o  más graves como la visión de túnel o pez, son algunos de ellos.

Y el diseño gráfico pese a su faceta artística y creativa no puede ser “algo para unos pocos elegidos” sino una generación universal, por ello es imprescindible que los profesionales del sector conozcan la problemática general y aborden la manera de eliminar los conflictos.

Del daltonismo a la fatiga visual

Aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres tienen algún tipo de daltonismo, no pueden distinguir ciertos colores o tienen dificultades para hacerlo. Para abordar este problema, es importante no depender únicamente del color sino utilizar diferencias de brillo, contraste y patrones puede ayudar a hacer que la información sea comprensible.

Un contraste insuficiente entre el texto y el fondo puede dificultar la lectura, especialmente para personas con discapacidad visual o que utilizan pantallas de baja calidad o en condiciones de iluminación desfavorables. Es importante asegurarse de que haya un contraste adecuado y existen herramientas en línea que lo evalúan para garantizar que cumpla con los estándares de accesibilidad.

Sensibilidad a la luz: Algunas personas pueden ser sensibles a ciertos colores brillantes o combinaciones de colores. Es importante tener en cuenta esto al diseñar interfaces digitales o materiales impresos. Proporcionar opciones para cambiar los esquemas de color o ajustar el brillo puede ayudar a satisfacer las necesidades de diferentes usuarios.

Fatiga visual: Colores muy saturados o combinaciones de colores inapropiadas pueden causar fatiga visual, especialmente cuando se ven durante períodos prolongados. Es importante seleccionar una paleta de colores que sea agradable a la vista y fácil de procesar así como proporcionar opciones para cambiar el tema o la configuración de color para adaptarse a las preferencias individuales.

Problemas de legibilidad en diferentes contextos: Los colores que funcionan bien en un contexto pueden no ser adecuados para otro. Por ejemplo, un esquema de color que se ve bien en una pantalla de computadora puede no funcionar tan bien cuando se imprime en blanco y negro. Es importante probar cada contexto y asegurarse de que la información sea legible en todos.

misma imagen: la primera con visión daltónica y la segunda normal

Al abordar estos problemas, los diseñadores gráficos pueden crear materiales que sean accesibles para una amplia gama de personas, garantizando que la información sea comprensible y utilizable para todos, independientemente de sus capacidades visuales.

Herramientas en línea

Algunas herramientas en línea que pueden ser útiles para verificar la accesibilidad de las combinaciones de colores y mejorar el diseño gráfico accesible:

  • Contrast Checker de WebAIM: permite verificar el contraste entre dos colores y asegurarte de que cumple con las pautas de accesibilidad, como las establecidas por el W3C.
  • Color Safe: ayuda a generar paletas de colores accesibles. Puedes elegir un color base y la herramienta generará automáticamente combinaciones que cumplen con las pautas de accesibilidad.
  • Coolors: aunque no está específicamente diseñada para la accesibilidad, puedes usarla para explorar diferentes combinaciones de colores y luego verificar la accesibilidad con otras herramientas.
  • Adobe Color: explora, crea y guarda paletas de colores. También ofrece funciones para verificar la accesibilidad de las combinaciones de colores.
  • Stark: es un plugin para Sketch, Adobe XD y Figma que te ayuda a verificar la accesibilidad de tu diseño directamente dentro de tu herramienta de diseño. Te proporciona retroalimentación en tiempo real sobre el contraste y la legibilidad del texto.

Trucos de experto

Los años de experiencia son útiles para garantizar que un diseño gráfico sea accesible para todas las personas, incluidas aquellas con discapacidades visuales y nos ayudan a crear pequeños trucos del oficio.

  1. Uso de etiquetas y texto alternativo: Asegúrate de proporcionar etiquetas y texto alternativo para las imágenes y gráficos, especialmente aquellos que transmiten información importante. Esto ayuda a las personas que utilizan lectores de pantalla a comprender la información visual.
  2. Evitar depender solo del color:. Utiliza otros medios como texto, patrones o símbolos para transmitir mensajes importantes. Por ejemplo, en un gráfico, además de usar diferentes colores, también podrías usar diferentes tipos de líneas o patrones para distinguir entre diferentes conjuntos de datos.
  3. Diseño Consistente y Simplificado: Evitar diseños complicados y desordenados facilita la identificación y la interpretación de la información. Además, la organización clara del contenido mediante el uso de jerarquías visuales y la agrupación de elementos relacionados mejora la experiencia general del usuario.
  4. Pruebas con usuarios reales: Realiza pruebas de accesibilidad con personas que tienen diferentes tipos de discapacidades visuales para garantizar que tu diseño sea realmente accesible para todos. Sus comentarios y experiencias pueden ser invaluables para identificar posibles problemas y realizar mejoras.

En resumen, abordar las necesidades visuales relacionadas con los colores en el diseño gráfico accesible implica garantizar un buen contraste, utilizar paletas de colores accesibles, proporcionar etiquetas y texto alternativo, evitar depender solo del color y realizar pruebas con usuarios reales.