Skip to content

Chart legend circle elements fail accessibility test as all have identical id #970

@peteharverson

Description

@peteharverson

The circle elements used in chart legends all use the identical id of dot-a, which causes an accessibility issue, as revealed by the axe web accessibility testing tool.

Can be seen on https://elastic.github.io/elastic-charts/?path=/story/legend--right, or for example:

image

This will block accessibility tests being added for elastic/kibana#51456 on any pages which use an Elastic chart where the legend is visible.

Metadata

Metadata

Assignees

Labels

:accessibilityAccessibility related issue:chartChart element related issue:legendLegend related issuebugSomething isn't workingreleasedIssue released publicly

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