WCAG 2Kritisch
Stellen Sie sicher, dass jede nicht leere Datenzelle in einer <table>, die größer als 3 mal 3 ist, eine oder mehrere Tabellenüberschriften hat
In großen Datentabellen sollte jede Datenzelle programmatisch mit den entsprechenden Kopfzeilenzellen verknüpft sein.
Warum ist das wichtig?
In großen Tabellen kann es für Screenreader-Benutzer schwierig sein, sich zu merken, welche Kopfzeile zu welcher Zelle gehört. Die programmatische Verknüpfung von Zellen mit ihren Kopfzeilen ermöglicht es Screenreadern, die Kopfzeile für jede Zelle anzusagen, was das Verständnis des Tabelleninhalts erleichtert.
Lösung
Verwenden Sie bei komplexen Tabellen das `headers`-Attribut für jedes `<td>`-Element, um auf die `id` der entsprechenden `<th>`-Elemente zu verweisen. Verwenden Sie bei einfacheren Tabellen das `scope`-Attribut für die `<th>`-Elemente.