design - protanopia - paleta de colores para daltonicos
Daltonismo: ¿eres consciente de ello? ¿Diseñas para eso? (15)
Además del verde + rojo, otro tipo de daltonismo relativamente común es el azul y el amarillo.
Tomamos en cuenta el daltonismo al crear nuestros juegos. Un juego que diseñamos (Arcade Lines) presenta bolas de colores que debes alinear en filas del mismo color. Intentamos dar cuenta del daltonismo al ofrecer una máscara especial para las personas daltónicas que no solo tiene diferentes colores, sino también diferentes formas (una forma para cada color).
Tengo curiosidad por saber si muchos de nosotros que diseñamos o tomamos decisiones de diseño alguna vez hemos escuchado sobre este problema.
Soy consciente de que hay combinaciones de colores peligrosas, como verde + rojo. Este es probablemente uno de los casos más populares de daltonismo. Si tiene texto verde sobre fondo rojo y viceversa, algunas personas no verán nada.
También he visto en la práctica que un hombre no veía el texto verde sobre fondo azul.
¿Qué otras composiciones de color se deben evitar y con qué frecuencia se esperan estos casos?
Vamos a hacer algunos que varían por probabilidad de encuentro que tiene los números.
Además: Acabo de recordar un ejemplo muy malo que causa problemas a casi todos: texto azul sobre fondo negro. Es ilegible para todos los intentos y propósitos. Nunca pude entender qué podría obligar a un maestro de la web a usar esta combinación de colores ...
Color Oracle es una gran herramienta que simula diferentes tipos de daltonismo. Puede ejecutar su aplicación / sitio web y ejecutar esta aplicación; le dará una buena idea de cómo los daltónicos interpretarán su creación.
Creo que debe ser bastante común, y los desarrolladores que no lo toman en cuenta están condenados a bloquear una proporción sorprendentemente alta de sus clientes. En mi lugar de trabajo, de alrededor de 30 personas en el departamento de I + D, 2 son daltónicos hasta cierto punto, y uno es de visión restringida; necesita usar el esquema de colores "Contraste alto" de Windows para realizar cualquier trabajo. Una buena prueba es ejecutar su aplicación en varios esquemas de alto contraste. Si no lo has hecho, puedo garantizarte que será ilegible. Debe ser capaz de manejar esquemas como este para una mejor accesibilidad.
Descubrí esto de la peor manera cuando le dije a mi colega que presionara el botón rojo ... cuando dijo "¿cuál?" Pensé que solo estaba siendo tenue, así que se lo dije de nuevo ... luego me dijo que era daltónico y yo era el único que se sentía estúpido.
Ahora trabaja para los ferrocarriles, escribiendo software de señalización. Buen trabajo, la luz roja siempre es la que está arriba :)
Entonces, ¿tienes que tomar en cuenta el daltonismo? Posiblemente no, al igual que tampoco diseñas tus pantallas para soporte de fuente grande, pero deberías hacerlo si quieres hacer un trabajo realmente bueno en lugar de uno aceptable en su mayoría.
En Windows puede consultar el sistema para los colores del sistema. Yo siempre los uso.
Puedes probar tu aplicación, usando la configuración de pantalla de alto contraste, si todo es legible, supongo que está bien.
El artículo que me abrió los ojos está aquí: http://msdn.microsoft.com/en-us/library/bb263953.aspx
En realidad, nunca he pensado en esto. Sin embargo, pensando ahora, no puedo recordar ningún caso en el que mis aplicaciones hubieran dependido del color tampoco. El texto es casi siempre blanco o negro (aunque a veces se usa rojo o verde), y los colores de fondo son bastante pálidos, principalmente solo para algunos ojos dulces, no para información. Sin embargo, lo tendré en cuenta ahora. No es tan difícil lograr que una página web sea un poco de alto contraste. :)
He hecho algunos trabajos para los departamentos gubernamentales de los EE. UU. Que están sujetos a la sección 508, por lo que aparece.
Rojo / verde es, con mucho, la forma más común, pero existen otros (notablemente azul / amarillo y monocromático) por lo que en general lo importante es mantener altos niveles de contraste.
Los sitios web deben atender a todos, ya sean daltónicos, sordos o lo que sea.
El Royal Institute for the Blind en el Reino Unido tiene algunos artículos interesantes sobre diseño web para personas parcialmente ubicadas; Texto del enlace
Incluye texto de enlace de contraste de color
y el uso de color para transmitir texto de enlace de información
Mi jefe directo es daltónico, así que sí tenemos esto en cuenta. ;-).
Puedo sugerirte this sitio web. Tiene un selector de esquema de colores y en la parte inferior derecha hay un menú desplegable utilizado para alternar entre problemas comunes relacionados con los ojos y cambiar el esquema en consecuencia
Rojo-verde puede ser el tipo de deficiencia de color más común, pero no el único.
En general, su interfaz de usuario debería seguir siendo visible y utilizable cuando se visualice en escala de grises o en tonos sepia. El texto y los fondos deben tener un alto nivel de contraste para permitir formas distinguibles puramente por tonos y no por color.
Los elementos visuales que involucran color y no arte / iconos únicos pueden ir acompañados de texto para brindar descripciones más detalladas sobre lo que representan.
Sí, definitivamente debe considerarlo en cualquier caso en el que use colores para identificar y / o marcar cosas.
La carcasa clásica es un indicador de estilo de semáforo que generalmente es rojo, amarillo y verde. La ceguera al color rojo / verde es bastante común. Si está creando aplicaciones que deben cumplir con la legislación de accesibilidad, debe tener esto en cuenta, y una serie de otras cosas, en consideración.
El gobierno de Quebec en Canadá reconoce esto en la medida en que sus semáforos reales son de diferentes formas y colores. Tiene sentido realmente.
Siempre pruebo mis páginas en http://www.vischeck.com/vischeck/vischeckURL.php para asegurarme de que no he elegido colores realmente malos. O este http://colorfilter.wickline.org/
Soy daltónico, del tipo verde-rojo, así que sí, lo tomo en cuenta :)
Siga las pautas de diseño mencionadas en los sitios web a los que otros se han vinculado. Pero hay algunas ideas que me gustaría destacar:
- La codificación de cualquier color puede no ser una gran idea. Configurable y skinnable son buenos.
- En particular, los indicadores de hardcoding para "el rojo = malo, el verde = bueno", pueden no ser una buena idea.
- Y, codificando el mismo indicador para "cuando es verde, es bueno, cuando está rojo es malo", es definitivamente una mala idea.
(¿La batería está cargada?)
Una vez escribí una aplicación interna que presentaba un diagrama de dispersión con diferentes series que se distinguían por el color. Mi usuario principal resultó ser daltónico (rojo-verde, creo), así que completé el color con una variación en los símbolos.