Data Tables
Difficulty: Advanced
Category:
- Structure
- Presentation
Because data tables are presented and navigated differently by screen readers than layout tables, it is vital that data tables be marked up to support greater accessibility. Row and/or column headers should be identified as such (using the <th> tag) and given an appropriate scope designating that header as a column header or a row header (<th scope=”col”> or <th scope=”row”>). For most tables, this markup will ensure that each data cell is programmatically associated with its appropriate row and/or column headers.