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.

Sign up for GitHub

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

Jump to bottom

Color-contrast should skip elements behind a non-native modal backdrop #4441

Open
WilcoFiers opened this issue May 1, 2024 · 0 comments
Open

Color-contrast should skip elements behind a non-native modal backdrop #4441

WilcoFiers opened this issue May 1, 2024 · 0 comments
Labels
color contrast Color contrast issues fix Bug fixes rules Issue or false result from an axe-core rule

Comments

@WilcoFiers
Copy link
Contributor

Spotted this problem here:
https://kanecohen.github.io/modal-vanilla/

Screenshot of axe extension reporting a color contrast issue

Axe-core does not run color-contrast against texts when they are covered by a backdrop op a native HTML <dialog> element. However when you do the same with javascript modal (one that doesn't set aria-hidden=true) the text behind the backdrop is failed for having low contrast when the backdrop is on top of it.
@WilcoFiers WilcoFiers added fix Bug fixes rules Issue or false result from an axe-core rule color contrast Color contrast issues labels May 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
color contrast Color contrast issues fix Bug fixes rules Issue or false result from an axe-core rule
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@WilcoFiers