axe-core: th-has-data-cells · WCAG 1.3.1 Info and Relationships · Stufe A

Wie Sie das „th-has-data-cells“-Problem beheben

Die axe-core-Regel th-has-data-cells schlägt fehl, wenn einer <th>-Überschrift keine Datenzellen zugeordnet sind — meist ein Zeichen, dass eine Layout-Tabelle <th> nutzt oder die Header einer Datentabelle nicht mit den Zellen verdrahtet sind. WCAG 2.2 (1.3.1, Stufe A).

Ihre Seite kostenlos darauf prüfen →

Was axe-core prüft

axe-core prüft, dass jedes <th> in einer Datentabelle passende <td>-Zellen in Zeile oder Spalte hat.

Welcher Norm das entspricht

WCAG 2.2	1.3.1 Info and Relationships (Stufe A)
EN 301 549	9.1.3.1
BFSG / EAA	BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I
Kategorie	Struktur & Landmarks

Warum es zählt

Datenblätter, Größentabellen und Bestellhistorien sind echte Datentabellen. Ist die Header-Zell-Beziehung kaputt, liest ein Screenreader die Zahlen ohne Spaltenbedeutung — „42“ statt „EU-Größe: 42“. Die Begleitregel td-headers-attr deckt die umgekehrte Verdrahtung ab.

Häufige Ursachen

Eine Layout-Tabelle mit <th>-Elementen
Header-Zellen in einer Tabelle ohne Datenzeilen
<th> nur zum Stylen einer normalen Zelle
Komplexe Tabellen ohne scope oder headers/id

Wie Sie es beheben

Nutzen Sie <th> nur für echte Header in Datentabellen und ergänzen Sie scope="col"/scope="row". Keine Tabellen fürs Layout.

<table>
  <tr><th scope="col">Größe</th><th scope="col">Brust</th></tr>
  <tr><td>M</td><td>96 cm</td></tr>
</table>

FAQ

Tabellen fürs Layout?

Nein. Nutzen Sie CSS-Grid/Flex fürs Layout; <table> nur für echte tabellarische Daten.

scope oder headers/id?

scope genügt für einfache Tabellen. headers/id nur für komplexe Tabellen mit zusammengeführten oder mehrstufigen Headern.

Finden Sie jeden solchen Fehler auf Ihrer Seite

Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.

Gratis-Scan → Unsere Methodik