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

fix: support keyboard navigation for menus #988

Merged
merged 2 commits into from
Mar 3, 2025
Merged

Conversation

xoxys
Copy link
Member

@xoxys xoxys commented Mar 2, 2025

Fixes: #987 and #986

  • Add Js to add keyboard handler for nav and header menu
    This way the CSS only menu with checkboxes still work, while the menu toggles can also be used with keyboard navigation.
  • Improve accessibility by setting aria labels and remove invisible/inactive content from tab index
    To remove the invisible/inactive content from the tab index, inert was used, which should be supported on most modern browsers.

@xoxys xoxys linked an issue Mar 2, 2025 that may be closed by this pull request
@xoxys xoxys merged commit c55c466 into main Mar 3, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant