okayNav
okayNav copied to clipboard
Keyboard accessibility
As someone that does accessibility testing quite often, I found the module to have a few issues:
- A user can tab to the hidden items with their keyboard, even if they're not visible. A user should not be able to tab to an item that is not visible.
- Tabbing to the ellipsis should occur before the navigation items to expand collapse.
- Missing keyboard functions (and ARIA attributes) for the Menubar role.
The first issue can be fixed by applying a tabindex="-1" to hidden links, and change them to tabindex="0" when they are exposed.
The second issue is simply an issue with reordering the item.
The third issue can be fixed by following the rules defined in this example: http://oaa-accessibility.org/example/25/
That's some great feedback. Highly appreciated. I recently got hired on a new job so I'll get right back to okayNav once I get ahold of things there, possibly even this week.