Tables are appropriate for presenting data in two dimensions. To make the table accessible header cells must be marked up
th, and data cells with
- Use the
thelement to define the header cells in the table.
- Data cells in a table with two headers should be associated with their corresponding header cells.
Column headers should include
scope='col', and row headers should include
- Tables with multi-level headers should use
headersattributes to associate header and data cells.
- Tables must have an accessible
captionor name (e.g. via
- Table with group headers should be associated with their corresponding data cell groups, via
EOS Accessibility checklist
We have developed an extensive checklist based on the Web Content Accessibility Guidelines (WCAG). Please have a look at the EOS Accessibility checklist.