All cells in a <table> element that use the headers attribute must only refer to other cells of that same table
Log in (Premium content) Request a demo
Data table markup can be tedious and confusing. It is important that it is done semantically and with the correct header structure. Screen readers have a number of features to make table navigation easier, but tables must be marked up accurately for these features to work properly.
The Algorithm, in Simple Terms
Why this is Important
Screen readers have a specific way of announcing tables. When tables are not properly marked up, this creates the opportunity for confusing or inaccurate screen reader output.
How to Fix the Problem
To fix the problem, ensure that each cell in a table using headers refers to another cell in the same table. This rule checks that references to headers is done right with data cells.
- HTML 4
- HTML 5