ParulMishra
Crownpeak Employee
Crownpeak Employee

All data tables should correctly define header rows and column headers

Why is this important?

A table organizes grouped data in a way that makes this data easily perceivable. When users read the table, they can quickly look up the axis the data value belongs to. To allow assistive technology users to make that connection, table header rows or columns need to be defined in the markup of the page. 

For the basic functionality, <th> elements need to be present in every <table> element. Table header rows and columns can be specified in multiple ways, for example by using the scope attribute on simpler tables or by using the header and id attributes on more complex ones.

How can I resolve this issue?

Review the table being flagged as an issue.

If there is no row or column headers listed in the table, identify how this can be added and create this marking the row or column with the <th> tag.

If there is a column or row or column header ensure that the header is encoded with a table header <th> tag instead of a table data <td> tag

What topics do this checkpoint affect?

  • Accessibility (WCAG 2.1 Level A, SC 1.3.1)

Can you explain how this checkpoint works?

The checkpoint examines the entire HTML source code of a page and reports if within <table> elements no table headers <th> is found.

References

Labels (1)

Can't find what you are looking for?

Find Answers

Search our DQM Forum to find answers to questions asked by other DQM users.

Ask a Question

No luck? Ask a question. Our Product and Support teams are monitoring the Forum and typically respond within 48 hours.

Ask a Question