USO DE COLOR
CONTRASTE DE LUMINOSIDAD
Existe un porcentaje de la población con problemas para percibir los colores, ya sea a la hora de diferenciar determinados colores o porque padecen alguna forma de ceguera que solo les permite percibir un espectro reducido de colores. Por esto, es muy difícil determinar qué opciones de colores son las más idóneas a utilizar.
El contraste de luminosidad entre el color del fondo y el color del texto debe ser suficiente para garantizar una buena legibilidad del texto en situaciones desfavorables de mucha luz, pantallas con poco contraste o brillo, para personas con problemas de visión.
Las pautas de accesibilidad del contenido web establecen en su nivel AA los ratios de contraste suficientes de 4.5 para textos menores a 18 puntos y de 3 para textos mayores a 18 puntos.
Podemos decir que con mayor contraste mayor facilidad de lectura del texto, con independencia de la combinación de colores. En la mayoría de las situaciones, lo más recomendable es texto negro sobre fondo blanco o colores muy cercanos a estos, como gris oscuro y tonos sepia.
Veamos una serie de frases de ejemplo con diferentes combinaciones de colores y su contraste:
- Hola, soy un texto verde sobre fondo rojo. Ratio 1,3.
- Hola, soy un texto azul claro sobre fondo blanco. Ratio 1.3.
- Hola, soy un texto naranja sobre fondo amarillo. Ratio 1.8.
- Hola, soy un texto verde sobre fondo blanco. Ratio 5.1.
- Hola, soy un texto gris oscuro sobre fondo gris claro. Ratio 11.7.
Como podemos observar, las combinaciones 1, 2 y 3 son nefastas, de difícil lectura. La combinación 4 sería el contraste mínimo recomendado y la 5 es la combinación más fácil de leer por su alto contraste.
En el caso de folletos, carteles y otros documentos debemos prestar especial atención al uso del color y asegurar un contraste que facilite su comprensión. Este material se crea con el objetivo de ser atractivos visualmente y llamar la atención, por lo que es fácil olvidar estas importantes recomendaciones.
Por otro lado, no se aconseja utilizar fondos degradados de color o con tramas ya que los cambios de tono de color podrían dificultar a algunas personas el acceso a la información del documento, sobre todo si se coloca texto sobre el color degradado.
CONOCER EL CONTRASTE DE LUMINOSIDAD ENTRE COLORES
La herramienta online ContrastRatio (en inglés) nos permite introducir los colores de fondo y texto, y automáticamente se previsualiza la combinación, además de indicarnos el contraste de luminosidad.
Los colores se pueden introducir de tres formas:
- Escribiendo el color en inglés: white, black, orange, red, etc.
- Escribiendo el color en formato hexadecimal: #000000 (negro), #FFFFFF (blanco), etc.
- Escribiendo el color en formato RGB: rgb(0,0,0) (negro), rgb(255,255,255) (blanco), etc.
Obtener código RGB de colores en Word
Los colores en Microsoft Office se representan con el formato RGB (Red, Green, Blue). Para conocer los valores exactos de los colores utilizados y poder realizar comprobaciones de contraste, seguimos los siguientes pasos en Word:
- Seleccionamos la pestaña Inicio.
- En la barra de herramientas desplegamos las opciones de color de fuente.
- Seleccionamos Más colores...
- En la nueva ventana de Colores seleccionamos la pestaña Personalizado.
- Ahora podremos ver los valores numéricos para cada valor (Red, Green, Blue) que representan el color en formato RGB.
USO SEMÁNTICO DEL COLOR
Es recomendable no utilizar únicamente el color para trasmitir información. Siempre se debe incluir esta información mediante otro sistema alternativo, además del uso del color.
Veamos un ejemplo. Debemos corregir un exámen de tipo test y escribimos lo siguiente:
Nota: La respuesta correcta está en color verde.
Pregunta 1: Debemos transmitir información únicamente mediante el color.
a) Verdadero
b) Falso
En este ejemplo, una persona ciega será incapaz de saber cuáles son las respuestas correctas puesto que su lector de pantalla no puede interpretar los colores. Lo mismo ocurriría con una persona con dificultades para distinguir los colores.
Veamos ahora el mismo ejemplo pero utilizando una forma alternativa de transmitir la información:
Nota: La respuesta correcta está marcadas con un X.
Pregunta 1: Debemos transmitir información únicamente mediante el color.
a) Verdadero
b) X Falso
En este ejemplo una persona ciega conocerá las respuestas correctas cuando su lector lea la letra equis.
Si lo deseas, puedes consultar el apartado de uso del color en gráficas para más información y ejemplos.
MOVIMIENTO Y PARPADEO
Debemos evitar imágenes parpadeantes o con más de tres destellos por segundo, ya que pueden afectar a personas que sufran epilepsia foto-sensitiva.
Además, en el caso de que se utilicen imágenes con animaciones como ficheros GIF, no deberían durar más de 5 segundos ya que pueden dificultar la lectura del contenido del documento a personas con problemas cognitivos o con trastornos de déficit de atención e hiperactividad.
