primereact
primereact copied to clipboard
Datatable: (accessibility) narrator doesn't announce sortable column
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
- go to data table sort showcase: https://primereact.org/datatable/#sort
- make a column sorted, ie: "Category"
- start screen reader, set focus on various column header
- if column is not sorted, reader did not announce the focused column is sortable (occurs for "Name" column in screenshot below)
- if column is sorted, reader read correctly, sort and sort direction. (in green in screenshot)
Expected behavior
Expect that reader tell to (blind) people that the column header is sortable, otherwise they cannot guess they can sort the column.
I am not sure Datatable has gotten all ARIA accessibility updates yet. Similar to: https://github.com/primefaces/primereact/issues/5594