Description
It should be clear for the user on what element he/she is at the moment. Also user should be aware of changes when expanding, collapsing element. Especially for the ones using assistive technology.

Preconditions
Security -> Explore -> Users page.
Use Screen Reader (NVDA).

Steps to reproduce

1.Navigate to Inspect button.
2.Press Enter.
3.Navigate to Request, Response tab.
4.Navigate to codeblock.
5.Observe page and screen reader.

UI elements + NVDA Speech Viewer

Actual Result

• Codeblock element is read only, but gets in focus. Code in the codeblock is instantly announced.

Expected Result

• If codeblock shouldn't be interactive - it does not receive focus. If it should be interactive, then after receiving focus it is announced for the user that it is codeblock element (before announcing the code).

Meta Issue

Kibana Version: 8.17.0-SNAPSHOT

OS: Windows 11 Pro

Browser: Chrome Version 131.0.6778.140 (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/kibana-team/issues/1280