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 on a scrollable element when it is made invisible with clip-path #2219

Open
shunguoy opened this issue Mar 4, 2025 · 1 comment
Open

Bug on a scrollable element when it is made invisible with clip-path #2219

shunguoy opened this issue Mar 4, 2025 · 1 comment
Assignees
@shunguoy
Labels
Bug Something isn't working Carbon Carbon related issue engine Issues in the accessibility-checker-engine component T70 user-reported Issues identified outside of the core team

Comments

@shunguoy
Copy link
Contributor

shunguoy commented Mar 4, 2025

An error "The scrollable element

with non-interactive content is not tabbable" was reported, however, the element is invisible on screen. The element is clipped to zero by using clip-path.

See Slack discussion on this https://ibm-studios.slack.com/archives/C036P1CTN/p1741033549384999
test case: https://stackblitz.com/edit/github-3ydln83r?file=src%2FApp.jsx,index.html

Image Image Image Image
@shunguoy shunguoy added engine Issues in the accessibility-checker-engine component user-reported Issues identified outside of the core team T70 Carbon Carbon related issue labels Mar 4, 2025
@MHoov MHoov added the Bug Something isn't working label Mar 4, 2025
@shunguoy
Copy link
Contributor Author

shunguoy commented Mar 10, 2025 •
edited
Loading

triage:

  1. Add this to the visibility check.
  2. modify the existing rule element_tabbable_visible for clip-path hidden interactive content with an additional fail code.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@shunguoy shunguoy

Labels
Bug Something isn't working Carbon Carbon related issue engine Issues in the accessibility-checker-engine component T70 user-reported Issues identified outside of the core team
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@shunguoy @MHoov