User-Aid Logo
Zurück zur Übersicht

th-has-data-cells

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass <th>-Elemente und Elemente mit role="columnheader"/"rowheader" Datenzellen haben, die sie beschreiben

Alle Tabellenkopfzeilenelemente (`<th>` oder Elemente mit `role="columnheader"` oder `role="rowheader"`) müssen mit Datenzellen verknüpft sein.

Warum ist das wichtig?

Der Zweck einer Kopfzeilenzelle besteht darin, Kontext für eine Reihe von Datenzellen bereitzustellen. Wenn eine Kopfzeile nicht mit Datenzellen verknüpft ist, erfüllt sie keinen Zweck und kann für Screenreader-Benutzer verwirrend sein.

Lösung

Stellen Sie sicher, dass alle Kopfzeilenzellen ein `scope`-Attribut (`col` oder `row`) haben und in der Tabellenstruktur korrekt platziert sind, um eine Spalte oder Zeile mit Datenzellen zu überschreiben. Alternativ können Sie bei komplexen Tabellen das `headers`-Attribut für die `<td>`-Elemente verwenden, um eine Zuordnung zu erstellen.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.