Skip to content

[A11y] Improve EuiColorPicker screen reader announcement #9388

@angeles-mb

Description

@angeles-mb

Description

Currently, EuiColorPicker is missing the row's label SR announcement due to having an aria-label override to describe its usage (code).

This has raised an a11y issue on Kibana's side and it is reproducible on EUI's doc site where "Pick a color" label is never announced:

Image

Tested in EUI site and Kibana 9.4 with Safari + VO

Proposal

Suggested proposal by @tkajtoch:

I think we can move the usage description to aria-description instead, which should fix the issue and improve the semantic meaning of label vs description

Metadata

Metadata

Assignees

Labels

No labels
No labels

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