CodeNewbie Community 🌱

Discussion on: [On-Demand Talk] Demystifying Web Accessibility Contributor

Collapse
 
callumreid profile image
callumreid

I am wondering if there are any packages that go about the job of checking if contrast issues are being coded into CSS? Maybe something that notifies you when you approach points at or near too little contrast

Collapse
 
jhermann profile image
Jürgen Hermann

Google "w3c contrast checker" and use the one you like.

Collapse
 
callumreid profile image
callumreid

Noted-- thank you!

Collapse
 
terabytetiger profile image
Tyler V. (he/him)

It won't notify you automatically, but Lighthouse Reports will catch contrast issues.

There's also an abundance of Chrome Extensions out there to check (maybe one of them will alert you automatically) - I like this one.

There may be a VS Code extension that can check your CSS for you?

Collapse
 
josefineschaefer profile image
josefineschaefer Author

That would be really cool - I personally haven't used any yet, but please let me know if you find one! I always check in the browser with a color contrast checker. There are also ones that let you use a color picker and check for different font sizes, which might be handy :)