search

DevToys-app / DevToys

A Swiss Army knife for developers.
https://devtoys.app/
MIT License
26.79k stars 1.44k forks source link

Web Content Accessibility Guidelines (WCAG) Colour Contrast Checked #1407

Open PavelGolodoniuc opened 22 hours ago

PavelGolodoniuc commented 22 hours ago

What feature or new tool do you think should be added to DevToys?

W3C provided a set of Web Content Accessibility Guidelines (WCAG), which include a colour contrast checker currently integrated in Chrome DevTools and Lighthouse, among others.

It would be great to have an extension or make it part of the core functionality in the DevToys.

Chrome DevTools does a good job when it works, including providing a colour curve of compliance with AA and AAA requirements. Unfortunately, it doesn't always work reliably as it fails to identify the background colour of an element or text block.

Some examples:

  1. https://contrastchecker.com/
  2. https://webaim.org/resources/contrastchecker/

Why do you think this is needed?

A Colour Contrast Checker in the Graphic section of the DevToys.

Solution/Idea

No response

Comments

No response

PavelGolodoniuc commented 22 hours ago

I just looked through the issues, and it appears that such a feature used to be present in DevToys v1.x (#875). Is it just a matter of porting that functionality to the v2?