[Stateful:Connectors:New connector page]Wrong navigation sequence after closing Manual configuration dialog

[L1nBra]

Description After closing dialog, navigation should start from the element which opened it not from the first element on the webpage. Otherwise users, especially using only keyboard and/or assistive technology, will need to do more actions in order to navigate back to the part of the page where they were before opening the dialog.

Preconditions Stateful Connectors -> New connector page is opened. Azure Blob Storage is selected for Connector.

Steps to reproduce

1.Navigate to Generate configuration button while using only keyboard by pressing Tab key. 2.Press Tab key (to reach button with 3 vertical dots). 3.Press Enter. 4.Press Tab to navigate to Manual configuration. 5.Press Enter. 6.Navigate to x (close) button. 7.Press Enter. 8.Press Tab key more times. 9.Observe the page.

Gif showing the issue

Actual Result

• Navigation goes from the first element on the webpage.

Expected Result

• Navigation should continue from the button with 3 vertical dots.

Meta Issue

Kibana Version: 8.16.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 129.0.6668.101 (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 version 8.17.0-SNAPSHOT

• Connectors -> Configuration page after clicking Generate API key and then pressing Tab key - navigation starts from the first element on the page.

UI elements