knowbility
Accessibility, What NOT to do

Tables

Guidelines

WCAG 2.0

1.3.1. Perceivable structures within the content can be programmatically determined.

Section 508

§1194.22(g) Row and column headers shall be identified for data tables.

§1194.22(h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers.

Goals

  1. Using layout tables that linearize. Content linearization refers to the order of the content when all formatting is removed.
  2. Using <th> element and the scope attribute on data tables
  3. Using header and id attributes on data tables
  4. Using summary attribute on data tables
  5. Using <thead> <tbody> <tfoot> <colgroup> elements on data tables
  6. Using <caption> element on data tables

Resources

previous | next