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

[Tab component] Implement skippable keyboard navigation #2056

Closed
imagoiq opened this issue Oct 9, 2023 · 1 comment · Fixed by #2093
Closed

[Tab component] Implement skippable keyboard navigation #2056

imagoiq opened this issue Oct 9, 2023 · 1 comment · Fixed by #2093
Assignees
@alizedebray
Labels
📦 components Related to the @swisspost/design-system-components package enhancement New feature or request
Milestone
Maintenance

Comments

@imagoiq
Copy link
Contributor

imagoiq commented Oct 9, 2023

When navigating with the keyboard, the user needs to tab every tabs to go to the next interactive element.

Instead, we should make only the first tab item to be focusable and be able to navigate with arrow keys within the list of tabs.

Example: Github Issue editor (tabs "Write" or "Preview"), https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
@imagoiq
Copy link
Contributor Author

imagoiq commented Oct 11, 2023

Link to #1938

@gfellerph gfellerph added enhancement New feature or request 📦 components Related to the @swisspost/design-system-components package labels Oct 13, 2023
@alizedebray alizedebray self-assigned this Oct 18, 2023
@alizedebray alizedebray added this to the Maintenance milestone Oct 18, 2023
@alizedebray alizedebray linked a pull request Oct 18, 2023 that will close this issue
feat(components): improve tabs keyboard navigation #2093
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@alizedebray alizedebray

Labels
📦 components Related to the @swisspost/design-system-components package enhancement New feature or request
Projects
Design System Production Board
Archived in project
Milestone
Maintenance
Development

Successfully merging a pull request may close this issue.

feat(components): improve tabs keyboard navigation swisspost/design-system
3 participants
@gfellerph @imagoiq @alizedebray