Hallo,
Hab halt immer von unserem Prof der Satz im Kopf, lasst die Tabellen weg wenn ihr eine Seite macht, egal privat oder Geschäftlich, ihr fallt auf die Schnauze.
Anscheinend hat er nicht den fundamentalen Unterschied zwischen Layouttabellen und echten Datentabellen verstanden.
Tabellen sind auch schlecht, wenn es um Barrierefreiheit geht.
Das Gegenteil ist der Fall.
Datentabellen sind, wenn sie korrekt ausgezeichnet sind, eine Wohltat für assistive Techniken wie Screenreader. Sie machen komplexe tabellarische Inhalte auf eine komfortable Weise zugänglich, wie es keine andere Art der Textauszeichnung erlaubt. Das sollte jeder einmal mit JAWS, Window-Eyes, NVDA oder VoiceOver ausprobieren, um den Unterschied zu sehen/hören. Das Beispiel mit dl ist wahrscheinlich verwirrend für Screenreader-Nutzer, weil der Kontext zu einer Informationseinheit fehlt. In einer Tabelle wird der Kontext durch die Zugehörigkeit zu Reihe und Spalte sowie durch die Reihen- und Spaltenheader bereitgestellt.
Die maßgeblichen Standard und Best Practices sind hier:
Der wichtigste Accessibility-Standard im Web: Web Content Accessibility Guidelines 2.0. Dieser ist sehr abstrakt und formuliert Grundziele.
Dazu gibt es die konkreten WCAG Techniques, die die Anwendung in HTML und CSS erläutern. Folgende Richtlinien betreffen barrierefreie Tabellen:
- Using caption elements
- Using table markup to present tabular information
- Using the scope attribute
- Using the summary attribute
Einschlägige Sekundärquellen:
- Einfach für Alle (Aktion Mensch): Übersetzte WCAG-Techniken für Tabellen
- Einfach für Alle: Benimmregeln für Datentabellen
- Die barrierefreie Website: Tabellen
- WebAIM: Creating Accessible Tables
- WebAIM: Marking Up Data Tables
Mittlerweile sind assistive Techniken sehr gut darin, reine Layouttabellen von Datentabellen zu unterscheiden. Wenn eine Website sich an die genannten Richtlinien hält, die schon seit der WCAG 1.0 von 1999 existieren, sind Datentabellen äußerst hilfreich im Vergleich zu lose strukturierten Auflistungen.
Grüße
Mathias