Empty Table Header
Minor - WCAG LEVEL AAA
What the issue is:
The accessibility problem arises when table headers <th>) are left empty, which can lead to confusion for users relying on assistive technologies, such as screen readers.
How to fix it:
Identify empty table headers: Review your HTML tables and locate any
<th>elements that do not contain text.Add meaningful text: Populate these headers with descriptive text that accurately reflects the content of the corresponding column or row. For example, instead of leaving a header empty, use terms like "Product Name" or "Price".
Add aria-hidden: If it is intentional that the header is empty, mark it as aria-hidden to denote that it shouldn't be read by a screenreader.