Hacker News new | ask | show | jobs
by pimlottc 878 days ago
Please don’t use green and red like this, especially with multiple shades of red. It’s a nightmare for colorblind people.
2 comments

Hey, I just released a new update that adds multiple color schemes to help with colorblindness! At some point I may add a color blind mode that does away with the need for colors altogether, but for now this should make things a bit better. Also, there is now a gauge next to the board so you can more easily see the range of colors (unfortunately, it doesn't yet work on Firefox). Check it out! I also skipped forward a day, so if you already played today you can play again with the next word to try it out.
Thanks for the feedback. I thought about colorblindness and figured it wouldn't matter since the important part is the brightness, not the hue. Is that not the case? But anyway that said I'm now kicking myself for not realizing that that doesn't help with differentiating the green for correct... any ideas on how to address this?
Try to pick more intuitive colours if possible. My first guess had both dark and bright red, and I wasn't sure which were closer/farther (had to reopen the site in incognito to get and read the instructions again). A more intuitive gradient (perhaps between just two colours, e.g. white and red) would remove the need for instructions.
You can tap the question mark in the top left to see the instructions again! But yeah, I can see how the color scheme might be confusing. As Kluggy suggested, I might add a gauge on the side of the board which should help prevent that mistake
Tour browser's (or at least Firefox's) devtools have an accessibility tab that allow you to simulate colour blindness. You can use that to play around until you find colours that work.

(Fun game btw! I like how this completely changes the dynamics.)

Maybe use a different color altogether for correct letters, like blue or bright yellow?
The color scheme was really confusing for me too. Red, orange, yellow, green, blue, purple as farthest away to closest maybe?
Just don’t use color. Put a a distance subscript