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.
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.
Right now, the
tabindexfor 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.