[Security:Assets:Fleet:Add Integration page]Issues with codeblock

[L1nBra]

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 -> Assets -> Fleet -> Add Integration page.
Use Screen Reader (NVDA).

Steps to reproduce

1.Make any changes on the page.
2.Navigate to Preview API request button.
3.Press Enter.
4.Navigate to codeblock.
5.Expand, collapse codeblock.
6.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. When press Enter on Expand button - codeblock is expanded, but no announcement about it, only strange announcement that: "out of region clickable Page level controls region button Preview API request clickable..." following the code in codeblock.

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).
  Also, it is clearly announced that it was expanded or collapsed accordingly when user press Enter on Expand/Collapse button, without strange announcement mentioning "out of region clickable...".

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

[elasticmachine]

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

[L1nBra]

Similar issue was on Search solution #196339

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)