Data table with no header cells in Shopify

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 Shopify

Size guide tables are usually written in the rich text editor of the product description; edit the HTML with the "</>" button.

Shopify themes are edited under Online Store › Themes. "Edit code" opens the Liquid templates. Many colour and typography settings can be changed without coding, from the theme editor.

<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 WooCommerce