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

Misuse of aria-hidden attribute #5642

Open
2 tasks done
danbars opened this issue Feb 11, 2025 · 2 comments
Open
2 tasks done

Misuse of aria-hidden attribute #5642

danbars opened this issue Feb 11, 2025 · 2 comments
Labels

Comments

@danbars
Copy link

danbars commented Feb 11, 2025

Initial checklist

  • I understand this is a bug report and questions should be posted in the Community Forum
  • I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

No response

Steps to reproduce

Just use uppy normally with dashboard, no special setup needed

Expected behavior

No errors from chrome.
This seems like a new chrome validation. The status bar is using aria-hidden property to block focus, and it shouldn't.

Actual behavior

Chrome console gives this error:

Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: button
Ancestor with aria-hidden:  <div class=​"uppy-StatusBar is-complete" aria-hidden=​"true">​…​</div>​
@danbars danbars added the Bug label Feb 11, 2025
@Murderlon
Copy link
Member

Can you create a PR to fix it? Perhaps test it with VoiceOver on macOS of the equivalent on Linux/Windows?

@danbars
Copy link
Author

danbars commented Feb 12, 2025

Hi @Murderlon, I'm sorry, this is outside my knowledge

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

No branches or pull requests

2 participants