[Stateful:Indices:Index mappings page]Incorrect navigation when adding a field

[L1nBra]

Description Navigation through elements should be logical, in sequence for users to easily navigate through the page. Especially for the ones using keyboard, assistive technology.

Preconditions Stateful -> Indices -> Index mappings page is opened. At least on field is already added.

Steps to reproduce

1.Using only keyboard navigate to Add field button by pressing Tab key. 2.Press Enter. 3.Press Tab key. 4.Observe the page.

GIF showing the issue

UI elements

Actual Result

• Navigation goes to the element below the add field form.

Expected Result

• Navigation should go to the first element in add field form, in this case to Field type combo box.

Notes: Wrong navigation is also for cases:

• When pressing Enter key on Edit button -> completing edit -> pressing Enter on Update button. Result: navigation goes to the first element on the webpage Skip to main content button, instead of Edit button or Pending fields form.

• When pressing Enter key on x (close) or Cancel button on Edit field dialog. Result: navigation navigation goes to the first element on the webpage Skip to main content button.

• When pressing Enter key on Remove field dialog Remove button. Result: navigation goes to the first element on the webpage Skip to main content button.

Meta Issue

Kibana Version: 8.16.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 129.0.6668.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]

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