table_06.md

Title	Missing Data Table Headers Attributes Check
id	table_06
type	decr
elem	tableComplex
test	tableComplexError
score	4
level	A
trust	0.8
top	1
steps	1
ref	H43
scs	1.3.1
dis	53211
result	failed

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