← Lumbre

Visualización de Datos · 4.º Color y accesibilidad

Portada de Color y accesibilidad

Color y accesibilidad

✦ El color es el canal más expresivo y también el más traicionado: una paleta bonita puede mentir sobre los datos y excluir a una parte de la audiencia · Visualización de Datos · Análisis de Datos · en 10 minutos

Roadwise Consulting

Firmado y verificado · Biblioteca UNIV

Objetivo: Elegir paletas secuenciales, divergentes y categóricas perceptualmente ordenadas y legibles para personas daltónicas, sin codificar nunca información solo en el color.

10 min Visualización de Datos · Análisis de Datos 18–30 años
Más
Color y accesibilidad

Herramientas de la lección

◉ Entrar a La Matrix Sorpréndeme

Sobre este contenido

Ir a

Volver a Visualización de Datos · 4.º semestre Cursos Explorar Mi cuenta Salir del modo estudio

Color y accesibilidad

Diseño para todos: daltonismo, no todos vemos los mismos colores
Vídeo en español sobre cómo el daltonismo cambia la percepción del color y por qué conviene diseñar pensando en toda la audiencia.

Tres tareas del color

  • Secuencial: representar una cantidad que crece, de claro a oscuro.
  • Divergente: resaltar desviaciones en torno a un punto medio con dos rampas opuestas.
  • Categórico: distinguir nombres o grupos sin orden implícito.

Elegir la familia correcta

Usar una paleta secuencial para categorías sugiere un orden inexistente; usar una categórica para magnitudes impide ver el gradiente. La familia debe coincidir con la naturaleza de la variable. Es el error de color más común y más engañoso.

Uniformidad perceptual

Una paleta es perceptualmente uniforme si un cambio igual de valor produce un cambio igual de apariencia. Muchas paletas clásicas —arcoíris, calor— varían de tono pero no de luminosidad de forma regular, creando bandas falsas. Las paletas modernas como viridis mantienen un brillo creciente y engañan menos.

El brillo como esqueleto

El ojo ordena mejor por luminosidad que por matiz. Si imprimes en gris o pierdes el color, una paleta con brillo monotónico sigue transmitiendo la magnitud; una de colores puros se aplana en una mancha ilegible. Prueba siempre tu gráfica en escala de grises.

Daltonismo

El tipo más frecuente confunde rojo y verde. Evita ese par como distinción categórica y prefiere combinaciones azul-naranja o variaciones de luminosidad. Existen simuladores de daltonismo: pasar la gráfica por uno es una prueba de cinco minutos que evita excluir a millones.

Tres rampas de color (secuencial, divergente y categórica) junto a un mismo gráfico de barras resuelto en una paleta segura y en un arcoíris confuso, con una franja en escala de grises abajo.
El color útil nace de elegir la familia correcta: una rampa para magnitudes, dos opuestas para desviaciones y tonos distinguibles para categorías. El arcoíris crea bordes falsos, y la versión en gris debe seguir contando la misma historia.

No codificar solo en color

Refuerza el color con otros canales: forma del marcador, etiqueta directa, textura, posición. Así la información sobrevive al daltonismo, a la impresión en blanco y negro y a una pantalla pobre. El color debe sumar, no ser el único portador del mensaje.

Contraste y fondo

Un gráfico necesita contraste suficiente con su fondo y entre elementos adyacentes. Colores pastel sobre blanco desaparecen; rojo y azul vibrantes juntos vibran incómodamente. El contraste bajo fuerza al ojo y al lector con baja visión.

Significado cultural del color

El rojo significa pérdida en finanzas occidentales pero ganancia en algunos contextos asiáticos; el verde evoca seguridad o ecología. En audiencias globales, no des por sentado el significado y añade etiquetas que lo despejen.

Accesibilidad más allá del color

  • Textos alternativos y tablas subyacentes para lectores de pantalla.
  • Tamaños de fuente y grosor de línea legibles, no caprichosamente pequeños.
  • Evitar el parpadeo y el movimiento que puede afectar a personas sensibles.

Errores frecuentes

  • Codificar la única diferencia entre series con rojo y verde.
  • Usar una paleta arcoíris que crea bordes donde no hay saltos en los datos.
  • Saturar el gráfico de colores intensos hasta que ninguno destaque.

Ejemplo resuelto: salvar un mapa coroplético

Un mapa de densidad de población usa una rampa arcoíris que en gris se vuelve ilegible y confunde a personas daltónicas. Se corrige paso a paso:

  1. Diagnosticar la variable: es una magnitud continua, pide rampa secuencial, no categórica.
  2. Sustituir el arcoíris por una paleta de luminosidad creciente y perceptualmente uniforme.
  3. Comprobar la versión en escala de grises: el orden de los valores debe seguir viéndose.
  4. Pasar el mapa por un simulador de daltonismo y ajustar si algo desaparece.
  5. Añadir etiquetas o textura en los puntos clave para no depender solo del tono.

¿Para qué sirve en la realidad?

Un gráfico accesible llega a toda la audiencia y sobrevive a la impresión en blanco y negro, al proyector de una sala y a una pantalla pobre. Ignorar el color no es una cuestión estética: es excluir a compañeros de trabajo y a clientes.

¿Qué característica hace que una paleta secuencial sea fiable para representar magnitudes?

Conviene distinguir las series de un gráfico únicamente por su color.

Cantidad de color con mesura

El color es caro para la memoria de trabajo: demasiadas categorías de color obligan a consultar la leyenda una y otra vez. Reserve el color para pocas distinciones clave y apoye el resto en la posición y el texto. Un gráfico con dos acentos cromáticos comunica más que uno con doce.

Color

Rampa de claro a oscuro para una magnitud
secuencial
Dos rampas opuestas en torno a un centro
divergente
Percibir igual cambios iguales de valor
uniformidad perceptual
Confusión roja-verde frecuente
daltonismo
Paleta uniforme moderna muy usada
viridis

Toca una tarjeta para ver la respuesta.

Ordena los pasos para validar el color de un gráfico:

Arrastra cada ficha a su categoría (o tócala y luego toca la categoría). También puedes usar el teclado.

Une cada tarea del color con la paleta que la resuelve.

      Usar el color bien

      • Color y accesibilidad
        • Tareas
          • secuencial
            • divergente
              • categórico
              • Percepción
                • brillo monotónico
                  • uniformidad
                    • contraste
                    • Riesgos
                      • daltonismo
                        • arcoíris
                          • solo-color
                          • Pruebas
                            • escala de grises
                              • simulador
                                • etiquetas

                              Tu cuadro de mando usa verde para «bien» y rojo para «mal». ¿Por qué es un riesgo de accesibilidad y qué canal añadirías para que el estado se entienda sin color?

                              Tu texto se guarda sólo en este dispositivo.

                              Las respuestas y tu progreso se guardan sólo en este dispositivo. Contenido firmado por su autoría mediante Lumbre.
                              Más sobre esta lección
                              Explora temas relacionados

                              Conceptos

                              Comentarios

                              Inicia sesión para comentar.

                              Todavía no hay comentarios. Sé la primera persona en opinar.