Datentabelle ohne Kopfzellen in WooCommerce

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

Von WooCommerce erzeugte Attributtabellen verwenden bereits th. Prüfen Sie die, die Sie selbst in die Beschreibung geschrieben haben.

In WooCommerce liefern Theme und Plugins gemeinsam das Markup. Legen Sie vor dem Bearbeiten ein Child-Theme an, sonst überschreibt das nächste Update Ihre Änderungen.

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