Barrierefreie Datentabellen für Screenreader

Warum sind Datentabellen wichtig?

Datentabellen sind ein wichtiger Bestandteil vieler Websites, da sie komplexe Informationen in einer übersichtlichen Form darstellen. Für Menschen mit Sehbehinderung sind Screenreader oft die einzige Möglichkeit, diese Informationen zu lesen.

Kopfzellen und Zuordnung

Um sicherzustellen, dass ein Screenreader eine Tabelle richtig interpretiert, müssen Kopfzellen und Zuordnungen korrekt gesetzt sein. Dazu gehören die Verwendung von TH-Elementen für Kopfzellen und die korrekte Zuordnung von Datenzellen zu diesen Kopfzellen.

Wann ist eine Tabelle das falsche Werkzeug?

Manchmal wird eine Tabelle verwendet, obwohl sie nicht die beste Lösung ist. Wenn du beispielsweise eine Liste von Elementen darstellen möchtest, die nicht in Beziehung zueinander stehen, ist eine Tabelle oft nicht die beste Wahl. Stattdessen könntest du eine einfache Liste verwenden.

Layout-Tabellen als Altlast

Früher wurden Tabellen oft für die Gestaltung von Websites verwendet. Heute wissen wir, dass dies nicht die beste Lösung ist, da es die Barrierefreiheit beeinträchtigt. Wenn du eine Website hast, die noch Layout-Tabellen verwendet, solltest du diese ersetzen, um die Barrierefreiheit zu verbessern.

Praktische Tipps

Um barrierefreie Datentabellen zu erstellen, solltest du folgende Schritte befolgen:

• Verwende TH-Elemente für Kopfzellen
• Ordne Datenzellen korrekt zu
• Verwende keine Tabellen für die Gestaltung
• Überprüfe deine Tabellen mit einem Screenreader

Beispiel

Nehmen wir an, du möchtest eine Tabelle erstellen, die die Preise von verschiedenen Produkten auflistet. Eine barrierefreie Tabelle könnte wie folgt aussehen: Produkt | Preis. Der Screenreader würde dann korrekt die Kopfzellen und die Datenzellen lesen.