Ensure Table Headers Have Discernible Text

Yotam Flohr
Researcher
Blind Low vision
WCAG 2.1 Level A

Written and researched for humans by humans

Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

Table header elements should always have visible text. Ensure that table headers can be used by screen reader users. 

Why It Matters

Table header elements should have visible text that describes the purpose of the row or column, which benefits both sighted and screen reader users.

Fixing the Issue

Developers should check all table header elements to ensure they have visible text.

Good Code Examples

Code example
<table><tr><th>Student Name</th></tr></table> Copy

Bad Code Examples

Code example
<table><tr><th></th></tr></table><table><tr><th aria-label="Student Name"></th></tr></table> Copy