Skip to content

[EuiCodeBlock] set custom aria-label for Copy button #8004

@alexwizp

Description

@alexwizp

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:

  1. Update API to make possible to override aria-label attribute for Copy button
  2. Using the root level aria-label attribute (already in API), do something like: Copy {rootLevelAriaLabel} code snippet

Screen

Image

Related to: elastic/kibana#195030

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions