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.


  • 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 –


Leave a Reply

You know you want to...