User-Aid Logo
Zurück zur Übersicht

td-headers-attr

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass jede Zelle in einer Tabelle, die das headers-Attribut verwendet, nur auf andere Zellen in dieser Tabelle verweist

Wenn das `headers`-Attribut für ein `<td>`-Element verwendet wird, darf es nur auf `<th>`-Elemente innerhalb derselben Tabelle verweisen.

Warum ist das wichtig?

Das `headers`-Attribut verknüpft Datenzellen programmatisch mit ihren entsprechenden Kopfzeilenzellen. Wenn die vom `headers`-Attribut referenzierte `id` keine gültige `<th>` in derselben Tabelle ist, können Screenreader die korrekte Zuordnung nicht herstellen, was zu Verwirrung führt.

Lösung

Stellen Sie sicher, dass die in einem `headers`-Attribut referenzierte `id` einem `<th>`-Element innerhalb derselben Tabelle entspricht. Bei einfachen Tabellen ist es oft besser, das `scope`-Attribut (`scope="col"` oder `scope="row"`) für die `<th>`-Elemente zu verwenden.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.