elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.72k stars 8.14k forks source link

(Accessibility) Map edit view must manage focus when `Add layer` flyout is expanded and collapsed #151486

Open 1Copenut opened 1 year ago

1Copenut commented 1 year ago

Steps to reproduce

  1. Start a Kibana instance and load the Flight sample data set
  2. Click Edit to enter editing mode
  3. Click the gear icon on the "[Flights] Origin Time Delayed" map and then click "Edit map"
  4. Use the Tab key to traverse to the "Add layers" button. Press Enter to open the flyout.
  5. Press Tab a few more times to verify focus does not start on the Add layers flyout as expected.
  6. Press Tab until the Cancel button has focus. Press Enter then verify focus is not returned to "Add layer" button.
map-edit
map-edit-return

Actual Result

Expected Result

Kibana Version: v8.8.0

OS: MacOS Monterey

Browser: Chrome, Safari

Relevant WCAG Criteria: Understanding SC 2.4.3: Focus Order (Level A)

elasticmachine commented 1 year ago

Pinging @elastic/kibana-accessibility (Project:Accessibility)

elasticmachine commented 1 year ago

Pinging @elastic/kibana-presentation (Team:Presentation)