Cómo diseñar para la ceguera de color

El diseño de contenido que se puede usar para las personas con ceguera de color es una excelente manera de hacerlo más accesible para el público en general. Las personas con ceguera de color tienen dificultades para diferenciar entre ciertos colores, como rojo, verde o azul. Algunas personas ciegas de color no pueden ver ningún color, por lo que es difícil navegar sitios y aplicaciones que dependen en gran medida de los colores. Al utilizar algunos consejos y pautas simples, puede hacer que su información sea fácil de usar para todos los que hacen clic en él, sin importar los colores que puedan (o no pueden) ver.

Pasos

Método 1 de 2:

Texto y fondo

1. Elija colores contrastantes para texto y fondos. Los colores que son demasiado similares entre sí pueden ser difíciles de distinguir para aquellos con ceguera de color. Al elegir los colores de texto y fondo, vaya por los que se destacan entre sí.

Negro en blanco o blanco en negro es una opción obvia, pero también puedes usar azul y amarillo, amarillo y violeta, o azul oscuro y negro.

Imagen titulada Diseño para ceguegos de color Paso 2

2. Elija combinaciones de colores como azul / amarillo y naranja / púrpura. Las personas con ceguera color pueden ver algunos colores mejor que otros. Cuando estás escogiendo combos de colores, intenta seguir con:

Azul y amarillo

Marrón y azul

Naranja y púrpura

Verde y púrpura

Amarillo y rosa

rojo y azul

Imagen titulada Diseño para ceguegos de color Paso 3

3. Manténgase alejado de verde / rojo, verde / marrón, y azul / púrpura. La mayoría de las personas ciegas en color tienen problemas con las combinaciones de colores específicas. Manténgase alejado de esos colores para que su diseño sea legible.

También debe evitar el verde y el azul, ya que esas sombras pueden ser muy similares entre sí.

Imagen titulada Diseño para ceguegos de color Paso 4

4. Usa colores brillantes y audaces. Los pasteles y los colores pálidos tienden a desvanecerse entre sí, especialmente para personas con ceguera de color. Quédate con los colores de neón o primarios para ayudarlos a diferenciar entre todos los colores de la página.

Imagen titulada Diseño para ceguegos de color Paso 5

5. Mantenga su paleta de colores mínima. Cuantos menos colores que usas, más evitarás la confusión. No hay una regla difícil y rápida para esto, pero cuanto menos lo mejor!

Por ejemplo, puede elegir 3 colores y seguir con ellos como un tema para su página web.

Método 2 de 2:

Imágenes y enlaces

1. Subrayado enlaces añadibles. Normalmente, los enlaces se resaltan con color, pero las personas con ceguera de color pueden tener problemas para verlos. Si hay un enlace, subraya, lo subraya, así como resaltándolo en la página.

Si no desea subrayarlo, haga el texto en negrita en su lugar.

Imagen titulada Diseño para ceguegos de color Paso 7

2. Incluye símbolos y llaves. Las personas con ceguera de color pueden tener problemas para entender los gráficos y los gráficos basados en el color solo. Asegúrese de incluir símbolos y llaves en el costado de la imagen como referencia.

Por ejemplo, puede poner un código de color en el lado de la tabla para explicar lo que significa cada color.

O bien, puede usar símbolos en un mapa para etiquetar diferentes áreas, como campamentos y baños.

Imagen titulada Diseño para ceguegos de color Paso 8

3. Añadir textura a mapas, gráficos y gráficos. Los colores sólidos pueden ser difíciles de distinguir. Intente usar líneas, puntos y marcas hash para diferenciar secciones en gráficos, mapas y gráficos.

Esta es una gran idea para los gráficos de barras y los gráficos circulares.

Puede usar la textura y el color en sus imágenes, para que no tenga que cambiarlas completamente.

Imagen titulada Diseño para ceguegos de color Paso 9

4. Secciones de contorno en mapas. Si está utilizando colores para diferenciar estados o bordes, use un contorno negro también. Esto ayudará a las personas con la ceguera de color, ya que podrán ver las líneas negras.

Esta es una excelente manera de hacer que sus imágenes se destaquen más.

Imagen titulada Diseño para ceguegos de color Paso 10

5. Etiqueta información sin usar colores. Los gráficos, gráficos y sistemas de transporte a menudo usan colores para diferenciar secciones o métodos. Etiquete la información con palabras, así como colores para que sea accesible para aquellos con ceguera de color.

Por ejemplo, si está utilizando un gráfico circular, puede etiquetar cada sección, así como usar diferentes colores para separarlos.

Alguien con ceguera a todo color (que solo puede ver en blanco y negro) no podrá usar una clave de color.

Consejos

Una forma fácil de averiguar si su sitio es accesible para colorear las personas ciegas es diseñarlo utilizando Grayscale. Puede usar un simulador de color ciego, como coblis, para hacer esto.