Skip to content

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

Open
@WilcoFiers

Description

@WilcoFiers

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    color contrastColor contrast issuesfixBug fixesrulesIssue or false result from an axe-core rule

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions