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 tabindex for PL header dropdown #107

Open
bradfrost opened this issue Jan 15, 2018 · 0 comments
Open

Fix tabindex for PL header dropdown #107

bradfrost opened this issue Jan 15, 2018 · 0 comments
Assignees

Comments

@bradfrost
Copy link
Member

Right now, the tabindex for all pattern navigation is weird and incomplete. Users have to tab through all of the links in a dropdown menu, even if the dropdown is hidden.

We need to create a more accessible dropdown, a la this Codepen.

The user should be able to focus on "atoms" (or whatever the topmost category is) and use the left and right keys to traverse between top-level categories. When the top-level category is focused, the dropdown for that category becomes exposed. Using the up/down and/or tab keys should allow users to traverse between categories within each top-level category.

Also, we'll want to put in place all proper aria- attributes for the menu.

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

No branches or pull requests

2 participants