primereact icon indicating copy to clipboard operation
primereact copied to clipboard

Datatable: (accessibility) narrator doesn't announce sortable column

Open arnodemer opened this issue 1 year ago • 1 comments

Describe the bug

Screen reader (NVDA) on datatable column header is able to read sorted column (including sort order), but, when a column is not yet sorted, screen reader did not said anything, then user cannot guess it's a sortable column.

Reproducer

No response

PrimeReact version

10.5.1

React version

17.x

Language

TypeScript

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

  1. go to data table sort showcase: https://primereact.org/datatable/#sort
  2. make a column sorted, ie: "Category"
  3. start screen reader, set focus on various column header
  4. if column is not sorted, reader did not announce the focused column is sortable (occurs for "Name" column in screenshot below)
  5. if column is sorted, reader read correctly, sort and sort direction. (in green in screenshot) image

Expected behavior

Expect that reader tell to (blind) people that the column header is sortable, otherwise they cannot guess they can sort the column.

arnodemer avatar Feb 29 '24 08:02 arnodemer

I am not sure Datatable has gotten all ARIA accessibility updates yet. Similar to: https://github.com/primefaces/primereact/issues/5594

melloware avatar Feb 29 '24 12:02 melloware