Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WCAG 3 / APCA contrast checking #30

Open
tobimori opened this issue Mar 21, 2023 · 3 comments
Open

WCAG 3 / APCA contrast checking #30

tobimori opened this issue Mar 21, 2023 · 3 comments

Comments

@tobimori
Copy link

tobimori commented Mar 21, 2023

WCAG 3 will use a new color contrast method called APCA (Advanced Perceptual Contrast Algorithm).
This is way more accurate as it uses the perceptually correct contrast.

image

https://github.com/Myndex/SAPC-APCA/blob/master/documentation/WhyAPCA.md#why-the-new-contrast-method-apca

It would be cool if this is toggable via a Field property.

@nilshoerrmann
Copy link
Member

That's a good idea 👍

@Myndex
Copy link

Myndex commented Mar 28, 2023

The repo for code is https://github.com/Myndex/apca-w3

It also available as an NPM package:

npm i apca-w3

And we have a forum here if you have any questions.

@animaux
Copy link

animaux commented Feb 28, 2024

There’s a very good article about the flaws of the old algorythm that predates APCA: https://blog.datawrapper.de/color-contrast-check-data-vis-wcag-apca/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants