Data table with no header cells in WooCommerce

WCAG 1.3.1 (A) · EN 301 549 9.1.3.1

There is a table with data but no <th> cells.

Where to change it in WooCommerce

Attribute tables generated by WooCommerce already use th. Check the ones you wrote in the description.

In WooCommerce the theme and the plugins both contribute markup. Create a child theme before editing: otherwise the next update overwrites your changes.

<tr><td>Size</td><td>Price</td></tr>
<tr><td>M</td><td>£19</td></tr>

<tr><th scope="col">Size</th><th scope="col">Price</th></tr>
<tr><td>M</td><td>£19</td></tr>

Why it matters

In a properly marked-up table, a screen reader announces "Size: M, Price: £19" as the person moves between cells. Without headers it reads only "M, £19", and they have to remember the column order.

On other platforms

• Data table with no header cells in Shopify