Tables
Data tables offer a text alternative to map and chart data.
Table header
A semantic table header makes the data easier to read and enables screen readers to provide row and column context when announcing cell values.
| Table header, column one | Table header, column two |
|---|---|
| Data cell | Data cell |
Table header text should categorize the data using terminology that the target audience will understand. If you use shorthand or acronyms in the table header text, consider including a reference key on the page or in the table summary.
Table formatting
Other best practices include the following:
Keep tables simple. If necessary, break the data out into multiple tables.
Avoid nested tables with multiple header levels.
Align cells consistently.
Use visual differentiation between alternate rows to support users with low vision or reading difficulties.
Ensure tables remain accessible on smaller screens; horizontal scrolling is acceptable.
Related criteria
The Web Content Accessibility Guidelines tied to this topic are as follows: