[Search:WorkplaceSearch:API keys page]API key page modal dialog, flyout missing title from announcement

[L1nBra]

Description Dialog modal, flyout visible title should be announced for the users, especially using assistive technology to know what dialog modal, flyout opened.

Preconditions Stateful Workplace Search -> API keys page is opened. Use Screen Reader (NVDA).

Steps to reproduce

1.Using only keyboard navigate to Create key button by pressing Tab key. 2.Press Enter. 3.Observe screen reader. 4.Close the flyout. 5.Navigate to Delete button. 6.Press Enter. 7.Observe screen reader.

UI elements + NVDA Speech Viewer

Actual Result

• Flyout, dialog modal is announced only as "dialog".

Expected Result

• Flyout, dialog modal is announced with the title. For flyout: "Create a new key dialog", for dialog modal: "Delete API key dialog".

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 4.1.2: Name, Role, Value (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html)

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

[elasticmachine]

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