[Stateful: Indices: Overview page] Wrong focus order after generating API key on the dialog

Description Focus order should be clear and in sequence, changes on the dialog should be announced, for the users to be able to navigate easily and understand what is happening, especially for the users using assistive technologies.

Preconditions Stateful Indices -> Overview page is opened. Use Screen Reader (NVDA).

Steps to reproduce

1.Navigate to New button while using only keyboard by pressing Tab key (in Generate an API key section). 2.Press Enter. 3.Navigate to Name your API key input field while pressing Tab key. 4.Enter any text (f.e: test). 5.Navigate to Generate API key button while pressing Tab key. 6.Press Enter. 7.Observe screen reader announcement. 8.Press Tab key. 9.Observe screen reader announcement.

UI elements

NVDA Speech Viewer 1 - step 7 (New button which is under the dialog announced). 2,3 - step 9 (focus on Cancel button but additionally before, dialog and generated key is announced).

Actual Result

After generating API key, "button New" is announced, which is under the dialog on the (Indices Overview) page itself. Then after pressing Tab, focus moves to Cancel button, screen reader announces "dialog" together with generated API key and "Cancel button". No announcement about successful generation of API key.

Expected Result

After generating API key focus shouldn't move outside the dialog (to the New button). After pressing Tab key, it shouldn't move to Cancel button with additional dialog information announcement. Announcement is made about successful API key generation. Focus order should be either: a) on the firs dialog element or on the dialog itself. or b) on copy button, because information changed in the modal and copy button appeared

Meta Issue

Kibana Version: 8.16.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 129.0.6668.101 (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)
Understanding SC 2.4.7: Focus Visible (Level AA)(https://www.w3.org/WAI/WCAG22/Understanding/focus-visible.html)
Understanding SC 4.1.3: Status Messages (Level AA)(https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html)

Relevant ARIA spec: Dialog (Modal) Pattern Pattern(https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/)

elastic / kibana

[Stateful: Indices: Overview page] Wrong focus order after generating API key on the dialog #196490