okayNav icon indicating copy to clipboard operation
okayNav copied to clipboard

Keyboard accessibility

Open powrsurg opened this issue 8 years ago • 1 comments

As someone that does accessibility testing quite often, I found the module to have a few issues:

  1. 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.
  2. Tabbing to the ellipsis should occur before the navigation items to expand collapse.
  3. 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/

powrsurg avatar Apr 08 '16 14:04 powrsurg

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.

VPenkov avatar Apr 11 '16 22:04 VPenkov