Ensure keyboard and programmatic focus moves to opened menus

Description

[New] - 3/13/2018

[Issue]

When opening the standalone menus in the main banner with the keyboard, the focus does not move automatically to the first option of the menu; instead, the focus stays on the toggle link. Additionally, navigation of menu does not follow standard keyboard paradigm of a menu.

[User Impact]

Users of screen reader and keyboard-only users may not choose an option into the menu. Since this does not follow standard keyboard paradigm, screen reader users get confused when they follow menu keyboard paradigm and they are not able to access menuitem.

[Code]

HTML:

...

[Expected behavior]

Developers must ensure that the menu properly allows focus to be set on the first item within the menu and it must follow standard keyboard paradigm of menu.

[Reference links]

Developers can refer following links for menu:
https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/
http://whatsock.com/training/matrices/#menu
https://www.w3.org/TR/wai-aria-1.1/#menu
https://www.w3.org/WAI/tutorials/menus/

Activity

Sam Ottenhoff May 2, 2018 at 3:33 PM

Tested on accessibility call

Fixed

Details

Priority

Affects versions

Fix versions

Components

Assignee

Reporter

Created April 19, 2018 at 7:35 AM
Updated September 11, 2019 at 9:29 AM
Resolved May 1, 2018 at 12:22 PM