Mit einer Tabelle können Sie die Zusammenhänge zwischen verschiedenen Daten darstellen. Für diejenigen, die die Tabelle sehen können, sind diese Beziehungen oft schnell klar. Aber um sie für Besucher, die assistierende Technologien nutzen, wahrnehmbar zu machen, müssen Sie den richtigen HTML-Code verwenden.
Der korrekte Code
Tabellen bestehen aus Zeilen (horizontal) und Spalten (vertikal). Die Daten in der Tabelle stehen sowohl horizontal als auch vertikal in Beziehung zueinander. Mit dem richtigen HTML-Code können Sie diese Beziehungen explizit machen. Sie geben dann an, welche Zellen Überschriften sind und welche Zellen Daten enthalten. Bei komplexen Tabellen können Sie auch angeben, welche Überschrift zu welchen Zellen gehört
Besucher, die assistive Technologien einsetzen, werden davon profitieren. Da sich die Beziehungen im Code befinden, kann die Hilfstechnologie die Informationen aus der Tabelle übersichtlich und logisch darstellen.
Überschriften und Zusammenfassungen
Tabellen können mit einer Überschrift und einer Zusammenfassung versehen werden. Dies ist nützlich für Besucher, die die Tabelle nicht auf einmal sehen können, sie aber lesen müssen, oder die sich Zelle für Zelle vorlesen lassen müssen. Sie werden im Voraus wissen, ob es sich lohnt, die Informationen in der Tabelle durchzugehen. Um die Überschrift oder Zusammenfassung mit der Tabelle zu verknüpfen, müssen Sie den richtigen Code verwenden.
Komplexe Tabellen
Einige Tabellen sind sehr kompliziert, mit mehreren Ebenen und Überschriften. Es kann dann notwendig sein, der Tabelle Code hinzuzufügen, um die Verbindungen klarzustellen, wie beispielsweise das Scope-Attribut und die ID- und Header-Attribute. Fragen Sie sich jedoch, ob die Tabelle nicht vereinfacht, oder in mehrere Tabellen aufgeteilt werden kann. Manchmal ist dies für alle Besucher besser zugänglich.