5.1 For data tables, identify row and column headers.
Checkpoints
5.1 For data tables, identify row and column headers. [Priority 1] For example, in HTML, use TD to identify data cells and TH to identify headers.
5.2 For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.
Identifying row and column headings when using data tables
Always use the the, th elements correctly; when used as intended these tags will provide valuable information to client browsers about the structure of the information in your table. Use the following tags to indicate the type of content contained with a table cell:
- th for headers
- td for data.
Checkpoint
5.1 For data tables, identify row and column headers.
Reading Material
- Article: Accessible Data Tables
- An example of how to markup a more complex table can be found at www.w3.org/WAI/wcag-curric/sam45-0.htm
- Make more complex tables accessible: www.utexas.edu/research/accessibility/resource/how_to/table/complex/complex.html
- WebAim tables tutorial: www.wac.ohio-state.edu/webaim/tables3.htm