Tutorials home »
Current: Tables »
Current: Tables Concepts
Tables Concepts
Technologies covered in this Tutorial:
HTML4
HTML5
WAI-ARIA
Data tables are used to organize data with a logical relationship in grids. Accessible tables need HTML markup that indicates header cells and data cells and defines their relationship. Assistive technologies use this information to provide context to users.
Header cells must be marked up with <th>, and data cells with <td> to make tables accessible. For more complex tables, explicit associations may be needed using scope, id, and headers attributes.
This tutorial shows you how to apply appropriate structural markup to tables. It includes the following pages:
-
Tables with one header for rows or columns: For tables with content that is easy to distinguish, mark up header cells with <th> and data cells with <td> elements.
-
Tables with two headers have a simple row [...]