Missing Data Table Headers Attributes Check

Description

The “Missing Data Table Headers Attributes Check” evaluates whether there is any complex data table with data cells (<td>) that do not use the headers attribute to establish explicit relationships with header cells (<th>).

Example outcome

I found 1 complex data table where there are data cells without the headers attribute.

Impact

• Visual Impairments: Screen readers cannot convey the meaning or context of data without knowing which header(s) apply. Data relationships may become misaligned visually when zoomed or reflowed.
• Cognitive Disabilities: Users with cognitive disabilities may rely on auditory structure to understand data.

Fixes

To address complex data tables with data cells that do not have the headers attribute:

1. Locate the data table.
2. Add the headers attribute to all data cells that are lacking it, referencing the appropriate header cell.

Resources

• WCAG 2.2: Understanding Success Criteria 1.3.1
• WCAG 2.2 Techniques: Technique H43: Using id and headers attributes to associate data cells with header cells in data tables
• WebAIM: Semantic Structure: Regions, Headings, and Lists
• WebAIM: Creating Accessible Tables