Using tables
Tables can help you present text as well as data. Designed well, they can help users see relationships or features that might otherwise be hidden in content presented in paragraphs. Tables can sometimes help you cut back on text, making information faster to look up and understand.
10 tips for web writers
- Facilitate comparison
Present the characteristics users may want to compare as rows or columns of information.
- Support quick look-up
Make relationships and attributes visible by presenting them as rows or columns of information.
- Show conditions or consequences
Try an ‘if-then’ table to communicate a set of conditions or consequences that apply in different situations.
- Reduce repetition or clutter
Consider a table if it will help you avoid repetition or reduce visual clutter.
- Keep table design simple
Avoid multiple levels of header rows or columns. Consider breaking a complex table into two or more simpler tables.
- Write concisely
Keep text concise in all table cells, especially headers.
- Guide the eye across the grid
Provide grid lines or shading. Shading must offer sufficient contrast to guide the eye, but not so much as to make the content of each cell hard to read.
- Use appropriate alignment
Align text to the left unless the cell is narrow. Right-align numbers if they have decimal points or when they are added up.
- Provide a title
Use the <caption> tag or a heading to provide a meaningful title for the table.
- Use appropriate table markup
Tag header and data cells with appropriate <th> and <td> tags. For more complex tables, associate data cells with header cells using headers and IDs.