primefaces / primefaces/primereact

Datatable: The content of each row in datatable is read as row in screen reader while navigating through keyboard

Open
#8,141 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: Accessibility
Dominant language
CSS
Stars
8.3k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Describe the bug

When navigating through keyboard, screen reader is reading the content of table as row. Expecting to read the contents in each row

Image
Reproducer

No response

System Information
primereact 10.9.1
browser chrome
Steps to reproduce the behavior

Create primereact table, read each row through screen reader

Expected behavior

The row contents should be read

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the DataTable keyboard-navigation behavior in PrimeReact 10.9.1 on Chrome with a screen reader. Inspect the DataTable's keyboard navigation and row semantics, then verify that navigating through a row causes its contents to be read as expected rather than only announcing the row.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.