DEV Community

Discussion on: Firefox 68.0 gets a color contrast accessibility checker

Collapse
 
drewtownchi profile image
Drew Town

That's a tough one, I definitely get what you are going for.

I think there are generally ways to make the call to action more noticeable without reducing contrast such as: Making the main CTA background the primary color with light text and the secondary action a light/white background with a "lighter" text that still passes the standard. That'd make the main action pop out as the thing to do.

Collapse
 
ctrl_alt_aldr profile image
Christian | 🧑🏼‍💻

True, and for simple text (In this case it was in a nav bar that used the same background throughout) I could just make use of a strike through.

I often forget that just because something looks ok to my eyes, doesn't mean it clears accessibility. It's something I do want to keep in mind going forward so now it's been brought to my attention I will be adjusting any live, old projects, to play nice with contrast values.

I found this - webaim.org/resources/contrastchecker/
which will make finding a passing combination going forward easy :)