That colorblind mode toggle in my app actually broke button labels for non-colorblind users last week

I added a simple high-contrast filter option and suddenly everyone on the beta was saying the "Submit" button disappeared on their screens. Turned out the icon contrast was fine but the text contrast hit zero on standard displays. Has anyone else run into accessibility features that backfired on you?

2 comments

2 Comments

anthony1653d ago

So the text contrast hit zero on standard displays" - that's brutal but also kinda funny in a horrible way. Were you testing this on a specific monitor or device the whole time and just never checked it on a normal screen? I've got to ask, what was the actual contrast ratio difference? Like was it a tiny decimal point mistake in the hex code or did you accidentally set the text color to be exactly the same as the background? I swear every time I try to make something more accessible I end up breaking it for someone else, it's like the whole thing is cursed.

grant.kevin1d ago

My buddy Steve did almost this exact thing with a client's site last year. He coded the whole thing on his fancy OLED and it looked sick, then put it on a 2012 Dell monitor at the office and the text literally blended into the background like invisible ink.