General > General Technical Chat
Color blind safe web colors
Picuino:
I am designing a website with multiple test-type questionnaires in which I use the red color to indicate the errors and the green color to indicate the correct answers.
What similar colors could I use so that the colorblind can see them?
https://www.picuino.com/questionary/en-electric-components-name.html
jpanhalt:
There are resources that can help decide which colors are most easily distinguished by colorblind people. My father was red/green (very common type) as was a professional friend. They do well with traffic lights and one even practiced pathology without any special accommodations.
Here's a link that might help your: https://davidmathlogic.com/colorblind/#%23D81B60-%231E88E5-%23FFC107-%23004D40
nctnico:
I usually add a pictogram like a check mark (for OK) or a cross (for bad). A different shape is also possible but less intuitive.
In the perspective of color blindness being so widely spread, it is odd that red & green are used so often for very important indications (like traffic lights). But people can function just fine. Someone I know figured out that he was color blind by the age of 16. Nobody (including himself) had noticed until then.
Pinkus:
I am color blind too (red-green) and this does not mean I cannot see these colors. It is just if they are not pure and/or if the size is very small, it gets difficult to recognize the color or to see a difference. e.g.: if i were a bird, i would probably starve to death, since i would not be able to see the red berries in a green hedge from a distance.
In web shops I often have the problem, that the 'traffic light' for the availability shows only a few pixel sized colors - red - yellow - green. I find it often very difficult for me to distinguish between red and green. Here I wish the red would be more brighter, then it is easier to recognize.
In your website example the red and green are pretty pure and are shown in large areas - I do not have any problem to recognizing what is red and what is green. (though other people could have more problems).
Side note: i just remember, that I once read, that Viagra would help here (temporarily of course). I might ask my doctor for a description but I am just afraid that after taking the pill, I no longer have any increased interest in recognizing the correct colors...
Side note 2: I really wish all oscilloscopes would allow custom colors for the different channels because I'm really stuck here - it's very difficult to impossible to distinguish between yellow, orange and green (blue is easy). For my next oscilloscope this function will be an important criterion.
Siwastaja:
Use color for emphasis, not as the only source of information.
So that if someone decides to print that page with a B&W printer, that still works out!
Or, don't only think about color blind; think about blind as well. They use screen readers. Neither colors or pictograms work.
The solution is simple: append a text: RIGHT, WRONG.
I'm not color blind but AFAIK, the actual hue of the color makes a big difference. Shift the green one towards cyan a bit, and you increase odds of distinction. This is why traffic lights are not pure green, but "traffic light green", slightly cyanish color. Now it appears your red color includes some blue component, and this is exactly the wrong thing to do, IMO.
Navigation
[0] Message Index
[#] Next page
Go to full version