[Search: Indices Overview page] Expandable code blocks are missing aria label or role

[L1nBra]

Description All accessible elements should be announced correctly for the users using assistive technology - to understand what element is active for them, what they can do with it.

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

Steps to reproduce

1.Navigate to code editor while using only keyboard by pressing Tab key. 2.Press TAB key. 3.Press Enter to expand code block. 4.Observe screen reader announcement

UI elements + html

NVDA Speech Viewer

Actual Result

• Code block is in focus and announced as "clickable", following whole code announcement. Missing announcement that code editor was expanded.

Expected Result

• Word clickable is not announced, but instead code editor element should be announced for the user to understand what element is active at the moment. Also announcement that code editor was expanded has to be made.

Notes: Same when expanded with code blocks in sections:

• Install a client;
• Configure your client;
• Test your connection;
• Build your first search query. Only the difference is that they are not interactive when collapsed. Same behavior (announcement) when expanded.

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 4.1.2: Name, Role, Value (Level A)(https://www.w3.org/WAI/WCAG22/Understanding/name-role-value.html)
• Understanding SC 4.1.3: Status Messages (Level AA)(https://www.w3.org/WAI/WCAG22/Understanding/status-messages.html)

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

[elasticmachine]

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

[L1nBra]

Same behavior observed on

• Indices -> Pipelines page. When user is in Add an inference pipeline 4 step, Review your pipeline configuration code block information is instantly announced upon reaching it with keyboard navigation. No mentioning that it is a code block. And if user expands it then it is announced as "clickable dialog clickable" following the code.

NVDA Speech Viewer

UI elements

[daveyholler]

@radhapolisetty I've added this to the Search Experiences team project

[sphilipse]

This is inherent to the EUI code block component and not something we can directly fix. I'll ask the EUI team if they have space to take this item and can prioritize it.