Tabellenüberschriften müssen erkennbaren Text enthalten

Tabellenüberschriftselemente (<th>) sollten immer sichtbaren Text enthalten, um sicherzustellen, dass sie sowohl von sehenden als auch von Screenreader-Benutzern korrekt interpretiert werden können.

Warum es wichtig ist

Tabellenüberschriften beschreiben den Zweck einer Spalte oder Zeile und helfen Nutzern, die Struktur und den Inhalt einer Tabelle zu verstehen. Fehlende oder unsichtbare Überschriften erschweren es Screenreader-Benutzern, die Tabelleninhalte sinnvoll zu erfassen.

Behebung des Problems

Alle <th>-Elemente müssen sichtbaren Text enthalten. Das aria-label-Attribut alleine reicht nicht aus, da einige unterstützende Technologien es möglicherweise ignorieren. Die richtige Tabellenstruktur mit <th>-Elementen sollte eingehalten werden, um die Barrierefreiheit zu gewährleisten.

Gutes Codebeispiel

Schlechtes Codebeispiel