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

Tab stop for quick keyboard escaping #25

Open
drewstewartdesigns opened this issue Jun 4, 2024 · 1 comment
Open

Tab stop for quick keyboard escaping #25

drewstewartdesigns opened this issue Jun 4, 2024 · 1 comment

Comments

@drewstewartdesigns
Copy link

In the carousel example, when traversing the DOM with the keyboard the user is required to cycle through all the list items before they can tab put of the carousel.

Would it be better to only allow tabbing to focus visible elements instead of revealing the next "page" of list items? If the tab order went

  • First visible item
  • N visible items
  • Last visible item
  • Next pagination button
  • Next focusable DOM element

Paging to the next set of list items would be triggered with an arrow key while a visible list item has focus, or by the pagination button.

@flackr
Copy link
Owner

flackr commented Jul 29, 2024

The intent is to handle this by using the inert property to remove the content on the non-visible pages from the tab flow. I haven't prototyped it in the JS polyfill yet but it should behave exactly as you expect.

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

No branches or pull requests

2 participants