How to fix empty table header on Webflow
Add visible or screen-reader-accessible text to every empty `<th>` table header cell so assistive technology users can understand what each column or row represents.
Steps for Webflow
- In the Webflow Designer, open the page containing the table.
- In the Navigator panel (left sidebar), expand the Table structure and find the empty `<th>` element.
- Click the element on the canvas and type the header text directly, OR open the Element Settings panel (D key) and add a custom attribute `aria-label` with a meaningful value.
- To add a visually-hidden label, create a `<span>` inside the `<th>`, add your text, then apply a combo class (e.g., `sr-only`) with CSS: `position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;`
- Publish and verify with axe DevTools.
What is empty table header?
A table header (`<th>`) is the label that explains what the data in a column or row means — like "Product Name," "Price," or "Quantity." When a `<th>` element exists in your HTML but contains no text (or only invisible content), screen readers announce it as blank, leaving blind and low-vision shoppers with no idea what that column or row is about. This is an accessibility failure under WCAG 2.1 Success Criterion 1.3.1 (Info and Relationships) and 4.1.2 (Name, Role, Value). Empty table headers most commonly appear in comparison tables, product specification tables, pricing grids, and order-history tables on ecommerce sites.
Screen reader users — a significant portion of shoppers with visual impairments — rely entirely on table headers to navigate data tables. An empty header makes a table incomprehensible and can force them to abandon your product comparison or checkout entirely, costing you conversions. In many jurisdictions (USA under ADA, EU under EAA, UK under PSED) inaccessible websites expose businesses to legal complaints and lawsuits; accessibility litigation has been rising sharply year over year. Fixing this issue also signals to Google's crawlers that your page structure is well-formed, which can modestly support your organic rankings.
See the complete Empty table header guide for every platform and the full background.
Not sure if your Webflow store has this?
Run a free SEOLZ scan — we’ll find empty table header and every other issue across your whole site.
Scan my site free