[Search:Search Applications page]Incorrect navigation after closing or canceling Create a search application flyout

[L1nBra]

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 Create button by pressing Tab key. 2.Press Enter. 3.Navigate to Close or Cancel 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 Create 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)

Screen reader: NVDA

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]

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

[L1nBra]

Same behavior observed on

• Search Applications -> Docs Explorer page page. Navigate to View API call button -> Press Enter -> Navigate to close button -> Press Enter. Press Tab key. Result: navigation from Skip to main content. Expected: focus is on View API call button.

UI elements

[L1nBra]

Similar issues mentioned in the comment section were added as separate issues: #200038 .