Screenreaders read all elements like sorting every time the user navigates inside the table
BennyAlex opened this issue · 3 comments
material-react-table version
2.13.1
react & react-dom versions
18
Describe the bug and the steps to reproduce it
Currently a screenreader will read all items inside the th evertime the user navigates through the table, like the "sorted by title"
This is not ideal.
We can improve this by adding aria-labelledby="header-title-1" to the th. So only the title will be read alound.
Minimal, Reproducible Example - (Optional, but Recommended)
.
Screenshots or Videos (Optional)
No response
Do you intend to try to help solve this bug with your own PR?
No, because I do not know how
Terms
- I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
@BennyAlex I'm adding more accessibility features for v3 which will be releasing soon. Would you be interested in collabing on this over the next couple days? 3cfdad1
Hey, sure you can ask me stuff.
We also have blind employees that completely relies on screen readers.
They can test test versions if you want :)
My previous solution was in fact wrong, for some reason the aria labeled by gets ignored when in the table navigation mode.
But adding a aria label to the the does work!
You can also download Jaws test version and try yourself if you want:)
@BennyAlex Over the next couple days, I'm just building in most of the keyboard shortcuts that MUI X Data grid has where it makes sense so that devs using MRT don't have to hook them up manually anymore.
If you have any other tips on accessibility for MRT, I'll also be adding a dedicated documentation page for it alongside the release of MRT V3