Skip to content

[EuiComboBox][A11y] Passing custom option ids breaks accessibility #8826

@mgadewoll

Description

@mgadewoll

Description

Relates to elastic/kibana#221356

Passing custom ids to EuiComboBox options currently breaks the accessibility of the options list. With custom ids, the options won't be announced to screen readers when navigating the options list.

Image

This is because currently EuiComboBox has a static internal handling of linking options via id with the combobox input via aria-activedescendant.

Impact and severity

This happens in different places in Kibana (e.g. here or here).
There are workarounds for this which all include to not use id (e.g. for additional filtering) but instead rely on any other way of filtering the options (filter the options directly by reference, use a different attribute like data-id etc). But this workaround might not be the most robust solution as id is a common attribute to use as reference and might break this components accessibility too easily.

Expected Behavior

Passing custom ids should not break the internal accessibility handling.

Screen.Recording.2025-06-26.at.18.50.24.mov

Metadata

Metadata

Assignees

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions