Skip to Main Content

Session Summary

Review the basics for constructing and using tables and then move on to more advanced techniques.


Description

This session will walk through the basics of how to construct an HTML table. More than basic structure, it will talk about support and how it is exposed to screen readers in particular. With that foundation it will walk through patterns for responsive tables, fixed column and/or row headers, sortable tables, tables with expandable content, labeling controls in a table, and selecting rows. Each of these will take into account WCAG conformance, actual support, and the necessary HTML, ARIA, CSS, and JavaScript to pull it off. Even if you cannot apply these to your table patterns, they should give you insights into how to consider the code in your own tables. We probably won't talk about grid roles. At least not much.


Practical Skills

  • How to construct basic HTML tables.
  • Testing and validating HTML tables.
  • Adding advanced features to HTML data tables.