marmelab / marmelab/react-admin
accessibility: mui react table missing semantic
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 26.9k
- Forks
- 5.5k
- Avg merge
- 2d 3h
- Merged PRs (30d)
- 19
Description
**What you were expecting:**
As a blind user relying on screenreader and Braille display, I expect clickable elements to be shown as either links or buttons.
**What happened instead:**
Clickable table rows in MUI react tables are shown as normal text, although they do execute an action when enter is pressed on them.
**Steps to reproduce:**
1. Go to the helpdesk demo on (https://marmelab.com/react-admin-helpdesk/#/tickets)
2. Turn on a screenreader, tested with NVDA on Windows
3. Navigate the tickets table
4. Find that entries are neither links nor buttons, but execute when pressed
**Other information:**
See this related parent issue on Synapse Admin:
https://github.com/etkecc/synapse-admin/issues/724
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the behavior in the react-admin helpdesk demo at https://marmelab.com/react-admin-helpdesk/#/tickets with NVDA, as the issue names no repository file or test. Trace the tickets table implementation and make the actionable rows expose link or button semantics while preserving keyboard activation, then verify the result with a screenreader.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100