LuxMenuBar dropdowns should be keyboard navigable

[maxkadel]

Steps to recreate

1. Go to LuxMenuBar in the Lux Styleguide
2. Tab to one of the dropdowns
3. Open the dropdown using space bar
4. Attempt to navigate to one of the items in the dropdown using arrow keys (if there is a scroll-bar on the page it will scroll the page, otherwise it will appear to do nothing)

URL

Issues

Severity

WCAG Success Criterion

2.1.1 - Keyboard navigable

WCAG Conformance level (A, AA, AAA)

A

User impact

Difficult to navigate using keyboard

Recommended fix

Arrow keys should navigate between menu items. Is it possible this is a focused-element issue?

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