5.7

For each data table, is the appropriate technique used to associate each cell with its headers (excluding special cases)?

WCAG Reference

WCAG 1.3.1

Tests

  1. 5.7.1

    For each content of the <th> tag applying to the whole row or column, does the <th> tag respect one of these conditions (excluding special cases)?

    The <th> tag has a unique id attribute.
    The <th> tag has a scope attribute.
    The <th> tag has a WAI-ARIA role="rowheader" or role="columnheader" attribute.
  2. 5.7.2

    For each <th> tag content that applies to the whole row or column and has a scope attribute, does the <th> tag meet one of these conditions?

    The <th> tag has a scope attribute with the "row" value for row headers.
    The <th> tag has a scope attribute with the "col" value for column headers.
  3. 5.7.3

    For each content of the <th> tag that does not apply to the entire row or column, does the <th> tag meet these conditions?

    The <th> tag does not have an scope attribute.
    The <th> tag does not have a WAI-ARIA role="rowheader" or role="columnheader" attribute.
    The <th> tag has a unique id attribute.
  4. 5.7.4

    For each <td> or <th> tag content associated with one or more headers with an id attribute, does the tag check these conditions?

    The tag has a headers attribute.
    The headers attribute has a list of id attribute values for the associated headers.
  5. 5.7.5

    For each tag with a WAI-ARIA role="rowheader" or role="columnheader" attribute whose content applies to the entire row or column, does the tag meet one of these conditions?

    The tag has a WAI-ARIA role="rowheader" attribute for row headers.
    The tag has a WAI-ARIA role="columnheader" attribute for column headers.
  6. 5.7.6

    For each <th> tag content that applies to a group of columns or rows and has a scope attribute, does the <th> tag meet one of these conditions?

    The <th> tag has a scope attribute with the value rowgroup for groups of row headers.
    The <th> tag has a scope attribute with the value colgroup for groups of column headers.

WCAG Techniques

  • F90
  • H43
  • H63