spec checked

WAI Tables Tutorial

Explains data table structure, header and data-cell relationships, th and td usage, captions, scope, id and headers associations, and avoiding layout-table misuse.

Open source

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Expandable row Choose expandable row when the main surface is a table or list and the extra content is owned by one row. The expand control names the affected row, exposes expanded state, and controls only that row's detail region. WAI table guidance supports preserving header and cell relationships in data tables.
Table Choose table when each row represents one record and each column represents the same attribute for every row. The table caption or nearby heading names the dataset and purpose, not just Table. WAI table guidance supports semantic headers, data cells, captions, scope, and complex header associations.

Evidence Role

This source is treated as spec evidence. Use it to validate the decision rules above, not as a visual style reference.

Publisher: W3C Web Accessibility Initiative. Last checked: .