Datentabelle ohne Kopfzellen

WCAG 1.3.1 (A) · EN 301 549 9.1.3.1

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

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.

So wird es behoben

Machen Sie aus der ersten Zeile (oder Spalte) <th> und ergänzen Sie scope="col" beziehungsweise scope="row".

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

In Ihrem System

• Shopify

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

• WooCommerce

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

Verwandte Themen

• Formularfelder ohne Beschriftung
• Optionsgruppe ohne Gruppenbeschriftung
• Überschriftenebenen übersprungen
• Hauptüberschrift fehlt oder ist mehrfach vorhanden