Skip to content

[EuiTable][a11y] select row Checkbox elements must have correct labels #7542

@alexwizp

Description

@alexwizp

We've received reports of a few accessibility (a11y) issues concerning the table component and the select/deselect row functionality. Could we consider adding an aria-label attribute to address these checkbox-related concerns?

image

Proposed solution

Update the input with an aria-label like:

<input
+ aria-label="Select | deselect row 1"
  class="euiCheckbox__input"
  type="checkbox" id="0"
  data-test-subj="bulk-actions-row-cell"
  tabindex="-1"
  data-datagrid-interactable="true"
>

Metadata

Metadata

Assignees

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