[Search:Search Applications:Docs Explorer page]Incorrect navigation after closing API call flyout - Githubissues

elastic / kibana

Your window into the Elastic Stack

https://www.elastic.co/products/kibana

Other

19.68k stars 8.23k forks source link

[Search:Search Applications:Docs Explorer page]Incorrect navigation after closing API call flyout #200038

Open L1nBra opened 1 week ago

L1nBra commented 1 week ago

Description Navigation has to be in sequence and in logical order. After closing, canceling flyouts (dialogs) - navigation should go to the element which activation opened flyout. Otherwise user will need to navigate longer in order to come back to the element which opens flyout.

Preconditions Stateful Search Applications page is opened. Search application is added.

Steps to reproduce

1.Using only keyboard Navigate to View API call button by pressing Tab key. 2.Press Enter. 3.Navigate to Close button. 4.Pess Enter. 5.Press Tab key few times. 6.Observe the page.

Gif showing issue

Actual Result

Navigation starts from top left of the page (Skip to main content).

Expected Result

Focus is on View API call button and navigation continues from this button.

Meta Issue

Kibana Version: 8.17.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 130.0.6723.70 (Official Build) (64-bit)

WCAG or Vendor Guidance (optional)

Understanding SC 2.4.3: Focus Order (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html)

Related to: https://github.com/elastic/search-team/issues/8256

elasticmachine commented 1 week ago

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

L1nBra commented 1 week ago

Created as separate issues according to comment from issue #199819