DEV Community

Discussion on: Firefox 68.0 gets a color contrast accessibility checker

Collapse
 
ctrl_alt_aldr profile image
Christian | 🧑🏼‍💻

Neat! Still torn between Firefox, Chrome, or Firefox Dev as a daily driver... but this is one point in Firefox's favour.

I tested an old site and I appear to have passed on everything but one link, which is an inactive link at that (Purposefully made dim so as not to be clicked, but hint that something is in the works or coming). I wonder if low-contrast would be acceptable in such use cases?

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 :)