Datentabelle ohne Kopfzellen in Shopify

WCAG 1.3.1 (A) · EN 301 549 9.1.3.1

Es gibt eine Tabelle mit Daten, aber ohne <th>-Zellen.

Wo Sie es in Shopify ändern

Größentabellen entstehen meist im Rich-Text-Editor der Artikelbeschreibung; bearbeiten Sie das HTML über die Schaltfläche „</>“.

Shopify-Themes bearbeiten Sie unter Onlineshop › Themes. Über „Code bearbeiten“ öffnen sich die Liquid-Vorlagen. Viele Farb- und Schrifteinstellungen lassen sich ohne Programmieren direkt im Theme-Editor ändern.

<tr><td>Größe</td><td>Preis</td></tr>
<tr><td>M</td><td>19 €</td></tr>

<tr><th scope="col">Größe</th><th scope="col">Preis</th></tr>
<tr><td>M</td><td>19 €</td></tr>

Warum das zählt

In einer sauber ausgezeichneten Tabelle sagt ein Screenreader „Größe: M, Preis: 19 €“ an, während die Person zwischen den Zellen wandert. Ohne Kopfzellen liest er nur „M, 19 €“, und sie muss sich die Reihenfolge der Spalten merken.

In anderen Systemen

• Datentabelle ohne Kopfzellen in WooCommerce