Skip to content

[EuiDataGrid][A11y] Prevent duplicate screen reader output for sorted header cells #8522

@mgadewoll

Description

@mgadewoll

Description

Relates to elastic/kibana#214104

When navigating EuiDataGrid header cells with screen readers (e.g. NVDA on Windows) it will output a duplicated text for a sorted cell.

Image

This is due to the cell having both an aria-sorted attribute and an additional screenreader-only hint text linked via aria-describedby.

Image

We should check if we can remove the additional hint text. There might be reason for having it in case aria-sort might not be supported consistently across assistive technologies. This requires testing if aria-sort is output as expected by at least the main screen readers (JAWS, NVDA, VO).

Steps

  • test the sorted cell in the EuiDataGrid header in the most common SR combinations:
    • Chrome + NVDA
    • Chrome + JAWS
    • Firefox + NVDA
    • Firefox + JAWS
    • Safari + VoiceOver
  • update the conditions in packages/eui/src/components/datagrid/body/header/column_sorting.tsx
  • test the new conditions with screen readers
  • verify the SR output in Kibana > Discover

Resources

Metadata

Metadata

Type

No fields configured for Bug.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions