INN8: Bringing everyone to the table: an open-source accessible table editor web component
Tuesday, October 15th, 2019
Presented by Nikki Massaro KauffmanÂ
“I love how my CMS lets users create accessible, responsive tables!†said no one, ever.
No matter how many things a WYSIWYG editor or an author interface gets right, we still don’t have a UI that helps novices create accessible tables… until now. This session will highlight the pain points of creating tables on the web, how I created the table-editor web component, and how you can use this open source project.
Notes:
- Accessible Table Ingredients
- Use tbody.
- Use caption, thead, and tfoot as needed.
- Use th with scope for headers.Â
- No blanks.
- No merged cells.
- No empty headers. No double headers.
-
You can try training, or you can stop making them use garbage editors.
- Editable table demo
- Web components –
- Baked into the browser:
- HTML templates
- Custiom elements
- Shadow dom
- ES modules
- Samples:
- Baked into the browser: