924603 - [a11y] The keyboard experience is not optimal

Status: RESOLVED FIXED

(developer.mozilla.org Graveyard :: General, defect)

Description

[Isac Lagerblad (:icaaq)]

1. When beta mode is activated, Press Cmd+N to open a new browser window, then type https://developer.mozilla.org/en-US/docs/Web in the address bar and press Enter.
2. use the keyboard and tab your way to the "zones" link
3. See that the focus is moved automatically to the "app-center" link.

This is not the usual behavior for this kind of navigation and can be confusing for keyboard and/or screenreader users. The behavior is even more apparent when focus arrives on the settings link, the user can easily be trapped in that dialog.

A better and more normal behavior is that the user opens the submenu or dialog with the enter key. These kind of links should also have a aria-haspopup attribute http://www.w3.org/TR/wai-aria/states_and_properties#aria-haspopup

Also when the focus is set to the search link and you shift tab the focus is set to the MDN-logo when it should be set to the demos link.

Comment 1

[Isac Lagerblad (:icaaq)]

Also if using only a keyboard it's impossible to go backwards from "web platform" to "zones".

Comment 2

[David Walsh :davidwalsh]

I have a pull request in to fix all of the issues *except* the shift-tab from search to the logo.  That top search bar will be getting updated via #920971, so I'll keep shift-tab in mind for that update.

Comment 3

[[github robot]]

Commits pushed to master at https://github.com/mozilla/kuma

https://github.com/mozilla/kuma/commit/f2b13e63a292e509fd8d3b8e937436523b524656
Fix bug 924603 - Make navigation more accessible.

https://github.com/mozilla/kuma/commit/26927634dd427ca75b98d1e70525a9e7d0f10840
Merge pull request #1580 from darkwing/a11y-924603

Fix bug 924603 - Make navigation more accessible.