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

Resources side menu keyboard navigation issues #48

Open
2 tasks
nellihol opened this issue Dec 13, 2022 · 0 comments
Open
2 tasks

Resources side menu keyboard navigation issues #48

nellihol opened this issue Dec 13, 2022 · 0 comments
Labels
bug Something isn't working enhancement New feature or request

Comments

@nellihol
Copy link
Contributor

nellihol commented Dec 13, 2022 •
edited

When navigating the resources page using only the tab key the focus goes from search to first item on the side menu to breadcrumb.

For better accessibility for keyboard and screen reader users the navigation order should be logical.

  • Add a hidden link to skip the navigation for screen reader users
  • the tab key should go through all the side navigation elements in a logical order

I am suspecting this is related to the shadow DOM that the Shoelace tree element uses.
@nellihol nellihol added bug Something isn't working enhancement New feature or request labels Dec 13, 2022
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 enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@nellihol