How to fix empty table header on Wix Studio

Steps for Wix Studio

1. In Wix Studio, select the Table or Data Grid component on the canvas.
2. Click the component settings (gear icon) and locate each column's 'Header Label' or 'Title' field — fill in any that are blank.
3. For custom-coded sections using Velo (Wix Dev Mode), open the relevant page or component .jsx file in the Velo IDE and add `aria-label` or text content to any empty `<th>` elements in the JSX.
4. Publish and test 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.