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

[BUG]: Contrast violations not reported when overflow:hidden is set #2110

Open
wkeese opened this issue Nov 29, 2024 · 0 comments
Open

[BUG]: Contrast violations not reported when overflow:hidden is set #2110

wkeese opened this issue Nov 29, 2024 · 0 comments
Labels
Bug Something isn't working extension-checker Issues related to the browser extensions T64 user-reported Issues identified outside of the core team

Comments

@wkeese
Copy link

wkeese commented Nov 29, 2024

Project

accessibility-checker-engine

Browser

Chrome

Operating system

MacOS

Description

Accessibility checker doesn't flag text for contrast ratio violations if the node has overflow:hidden.

Steps to reproduce

Save this HTML to disk and open in Chrome, then run accessibility checker:

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>contrast test</title>
    <style>
        div {
            background: #eee;
        }
        span {
            overflow: hidden;
            color: #fff;
        }
    </style>
</head>
<body>
<main>
    <div>
        <span>Customers</span>
    </div>
</main>
</body>
</html>

Accessibility checker should flag the "Customers" text as having a low contrast ratio, but it doesn't.

If I remove the overflow: hidden then it flags the error.

Note that the text is fully visible on the screen regardless of the overflow setting.
@MHoov MHoov added user-reported Issues identified outside of the core team Bug Something isn't working extension-checker Issues related to the browser extensions labels Dec 3, 2024
@shunguoy shunguoy added the T64 label Dec 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Bug Something isn't working extension-checker Issues related to the browser extensions T64 user-reported Issues identified outside of the core team
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@wkeese @shunguoy @MHoov