Ensure Table Headers Have Discernible Text
Blind
Low vision
WCAG 2.2 Level A
Written and researched for humans by humans
Casandra Visser
Author
Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments:
0
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
Bad Code Examples
Code example
<table><tr><th></th></tr></table><table><tr><th aria-label="Student Name"></th></tr></table>
Copy