You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I've been testing the Table component with screen readers and discovered an accessibility issue with clickable rows and cells. Currently, screen reader users receive no indication that rows or individual cells are interactive elements that will navigate to other pages when activated.
Specific issues:
Clickable table rows are announced as regular rows without any indication of interactivity
Individual clickable cells within rows lack proper semantic meaning for assistive technology
Users have no way to discover these interactive elements when navigating with a screen reader
Questions:
What's the recommended approach for making clickable table rows accessible to screen reader users? I tried adding aria-labels to Rows but it seems not possible.
Should clickable cells have additional ARIA attributes or semantic markup?
Are there established patterns within react-aria for this use case that I might have missed?
I'd appreciate any guidance on best practices for implementing accessible interactive tables with your components.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Hi there! Thank you for this excellent library.
I've been testing the Table component with screen readers and discovered an accessibility issue with clickable rows and cells. Currently, screen reader users receive no indication that rows or individual cells are interactive elements that will navigate to other pages when activated.
Specific issues:
Questions:
I'd appreciate any guidance on best practices for implementing accessible interactive tables with your components.
Beta Was this translation helpful? Give feedback.
All reactions