Description
During accessibility testing, our auditor pointed out that on some pages with two or more EuiCodeBlock components, there are multiple buttons with the aria-label="Copy". This violates the WCAG 2.2 guideline on "Info and Relationships".
Let's discuss the available options for addressing this issue.
I see 2 options:
- Update API to make possible to override aria-label attribute for Copy button
- Using the root level
aria-label attribute (already in API), do something like: Copy {rootLevelAriaLabel} code snippet
Screen

Related to: elastic/kibana#195030
Description
During accessibility testing, our auditor pointed out that on some pages with two or more
EuiCodeBlockcomponents, there are multiple buttons with thearia-label="Copy". This violates the WCAG 2.2 guideline on "Info and Relationships".Let's discuss the available options for addressing this issue.
I see 2 options:
aria-labelattribute (already in API), do something like:Copy {rootLevelAriaLabel} code snippetScreen
Related to: elastic/kibana#195030