Don’t use red on dark backgrounds.
Don’t use red on dark backgrounds.
Don’t use red on dark backgrounds.
ESPECIALLY don’t use thin red on dark backgrounds.
This is a section of a website where I buy archery equipment. Archery is a sport that is about 90 % male. That means that almost 7 % of the visitors to this website are red-green colorblind. Because of the thin red icons on the dark background, much of the audience is likely missing these functions.
No one does this intentionally. But you can’t use red (or green, for that matter) either together or on dark backgrounds. If you do, you are failing to make your site accessible to a good chunk of your audience.
Want to test your designs to see what they look like to colorblind users? Visit https://www.color-blindness.com/coblis-color-blindness…/
Alt: If you take this pattern and run it through a red color blindness simulator, you get this.
Not the best choice for a site that has 90% male visitors.
Three buttons for website: search, profile and shopping cart buttons, first in red color and secondly in turned grey color after a run through red color blindness simulator.