How to fix empty table header on Squarespace

Steps for Squarespace

1. In the Squarespace Pages panel, open the page containing the table and click Edit.
2. Click the Table block to edit it; click each empty header cell in the top row and type a descriptive label.
3. If the table was added as a Code Block (Insert Point → Code), click the Code Block to open the HTML editor and add text or `aria-label` to any empty `<th>` elements.
4. For Squarespace Commerce product tables, check Settings → Inventory or the product page editor for column label options.
5. Save, then verify with axe DevTools or WAVE extension.

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.