Rampsight

Alle Regeln

Tabellen

headers muss auf Zellen derselben Tabelle zeigen

Warum das wichtig ist

Ein headers-Attribut, das auf eine fehlende id oder auf eine andere Tabelle verweist, verliert die Zuordnung stillschweigend — die Zelle wird dann ganz ohne Kopfzelle angesagt.

So beheben Sie es

  1. Prüfen Sie, ob jede id im headers-Attribut auf einem <th> derselben Tabelle existiert.
  2. Lassen Sie eine Zelle nicht auf sich selbst zeigen.
  3. Nutzen Sie bei einfachen Rastern lieber scope — das bleibt viel leichter korrekt.

Im Markup

Fehlerhaft
<td headers="region-h">Berlin</td>
<!-- no cell with id="region-h" in this table -->
Korrekt
<th id="region-h">Region</th>
<td headers="region-h">Berlin</td>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

Weiterführende Quellen

Deque University zu td-headers-attr (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.