Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

menu-bar: Focus is lost after pressing "esc" while being in nested menu #11678

@vtknann

Description

@vtknann

Bug:

If you pressing "ecs" while being in a nested menu, focus is lost. This is bad for accessibility users, which rely on focus heavily to navigate. Instead focus should be returned on previous menu item or on the menu button.

Detailed Reproduction Steps:

  1. Go to Menu Bar basic usage demo
  2. Using the keyboard, navigate to File > New > Presentation
    Screenshot from 2019-03-14 14-07-27
  3. Press "ecs".
  4. Focus is lost.

What is the expected behavior?

WAI-ARIA menu practices for accessibility states that on
Escape: Close the menu that contains focus and return focus to the element or context, e.g., menu button or parent menuitem, from which the menu was opened.

What is the current behavior?

Focus is lost.

What is the use-case or motivation for changing an existing behavior?

Accessibility users (screen reader users, keyboard users, switch users) use focus heavily to navigate. Then focus is suddenly lost it's a frustrating experience.

Which versions of AngularJS, Material, OS, and browsers are affected?

  • AngularJS Material: Latest Release 1.1.13
  • Browsers: Chrome

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions