How to fix empty table header on OpenCart

Steps for OpenCart

1. Via FTP or your hosting file manager, navigate to catalog/view/theme/<your-theme>/template/ and find .twig or .tpl files containing table markup.
2. Add text or `aria-label` to empty `<th>` elements in those template files.
3. In the OpenCart Admin, go to System → Maintenance → Clear Cache to flush the template cache.
4. 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.