Improve Accessibility - captions #957
Conversation
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption > A caption functions like a heading for a table. Most screen readers announce the content of captions. Captions help users to find a table and understand what it’s about and decide if they want to read it. If the user uses “Tables Mode”, captions are the primary mechanism to identify tables. The caption is provided by the <caption> element. from: https://www.w3.org/WAI/tutorials/tables/caption-summary/
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
|
I'm open to adding a |
|
and we'll need to make a few storybook examples showing how to use this, and what it looks like |
|
Thanks for the quick response. I don't actually use TypeScript tho I think I can read through it well enough. I'm glad you support the idea. I can look into what would need to be added to make this compliant with the rest of the code base. If it is renderCaption, do you think it makes sense to have just a string? I was thinking of allowing JSX so that the caption could be visible only to screen readers with the addition of some css/style. This would probably be my own use case. |
|
I guess it could just be a string in |
|
Currently still having a problem with the mui Table component where the caption renders at the bottom of the table no matter what 
|
|
nvm fixed it in the examples |
|
Thank you Kevin! I was going to look into making the updates you recommended this morning, but I see you have already fixed everything up. I greatly appreciate the effort! |
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption
from: https://www.w3.org/WAI/tutorials/tables/caption-summary/