Skip to content

[A11y] [DataTable]: Column Name Not Announced by Screen Reader #3049

@mari-shakhanava

Description

@mari-shakhanava

Description

Screen readers cannot identify column names when navigating table headers

Steps to Reproduce

  1. Open Data Table component with filtersConfig passed as prop or Demo (Filtered table) (https://uui.epam.com/demo?id=table).
  2. Navigate through available columns via pressing "Tab" key with opened Speech Viewer in NVDA

Actual result

"column 5 clickable sorted ascending button"
Columns do not have accessible names and as a result they are pronounced by screenreader identically.
Image

Expected result

Columns should have accessible names and should be pronounced by screenreader properly.

WCAG Reference: Success Criterion 4.1.2 Name, Role, Value (Level A)

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

Status

Closed

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions