Pressing escape while within a dropdown should close the dropdown

[maxkadel]

Steps to recreate

1. Go to the LuxMenuBar component in the lux style guide
2. Click on one of the dropdowns (e.g. 'Users') and then hit tab
3. Press escape - it should close the menu, but it does not

URL

See WebAIM keyboard accessibility testing

Issues

Severity

WCAG Success Criterion

2.1.1, 2.1.2 - see wcag checklist - operable

WCAG Conformance level (A, AA, AAA)

A

User impact

Difficult to navigate using keyboard controls, could be keyboard trap for inexperienced users (pressing escape does close the menu when you are in the header, but not if you are in an option).

Recommended fix

Pressing escape from within a menu should close the menu

Acceptance criteria

• I can successfully use this feature with Voice Over in Safari.
• I have checked this feature using one of the following browser extensions and confirmed that it does not add any level A or level AA issues:
  • axe dev tools
  • Lighthouse
  • Wave
• ...

Notes