zurück zur Originalseite
Benimmregeln für Datentabellen Teil 1: Einfache Datentabellen geschrieben von Tomas Caspers (2008)
Die Inhalte dieser Seite sind ursprünglich in einer vierteiligen Serie von der 
Aktion Mensch veröffentlicht worden. Auf www.barrierefreies-webdesign.de werden die ersten drei Teile auf mehreren Seiten verteilt präsentiert.
Zuordnung mit scope
Im HTML-Standard ist noch eine weitere Methode der Zuordnung vorgesehen und dort als Arbeitserleichterung beschrieben: die Zuordnung über das scope-Attribut einer Überschriftenzelle ("scope" = Blickwinkel, Bereich). Während id und headers sozusagen von innen nach außen wirken (TD wissen zu welcher TH sie gehören), haben wir hier den umgedrehten Fall. Mit der Angabe von <th scope="row"> vereinnahmt eine Überschriftenzelle sämtliche Datenzellen einer Tabellenreihe als zu ihr gehörig; mit <th scope="col"> erreicht man das gleiche für einzelne Spalten einer Tabelle.
Funktionell ist dieses Attribut somit gleichwertig zu headers und id. Zusätzlich lassen sich hiermit ganze Gruppen von Spalten oder Zeilen mit scope="colgroup" bzw. scope="rowgroup" zuordnen – diese Möglichkeiten kommen jedoch eher in komplexen Datentabellen zum Einsatz, die wir im nächsten Teil behandeln.
Vorteile dieser Methode:
- Der größte Vorteil dieser Methode liegt im schlankeren Code, da Datenzellen automatisch innerhalb des zugewiesenen Bereichs liegen und somit keine eigenen Attribute benötigen.
- In den weitaus meisten Anwendungsfällen sind Datenzellen immer einer Zeilen- oder Spaltenüberschrift zuweisbar, mit der sie in einer horizontalen oder vertikalen Achse liegen. Die einfache Zuordnung per
scopeist somit die naheliegendere Alternative zur umständlichen Verknüpfung von Zellen mitheadersundid. - Die praktische Erfahrung hat gezeigt, dass Accessibility-Techniken einfach zu implementieren sein müssen, damit sie benutzt werden. Technik, die Aufwand für einen nicht unmittelbar erkennbaren Nutzen produzieren, laufen Gefahr, ignoriert zu werden. Die Verlierer sind dann Menschen, die auf eine barrierefreie Nutzung angewiesen sind.
Nachteile dieser Methode:
- Ältere assistive Werkzeuge, insbesondere Screenreader, unterstützen diese Methode nur sehr lückenhaft. Weitergehende Attribute und Elemente, die beim Einsatz von
scopein komplexen Tabellen zwingend nötig sind (rowgroup,colgroup), werden in der Regel gar nicht oder nur fehlerhaft unterstützt. - Das
scope-Attribut ist bei bestimmten Tabellen nur anwendbar, wenn man die Daten umsortiert, um geeignete Achsen zu erhalten. Wenn man vorhandene (unzugängliche) Datentabellen nachträglich mit der benötigten Logik ausstatten muss ohne direkten Einfluss auf die Sortierung der Daten zu haben, ist die Auszeichnung mitidundheadersoftmals die einzige Alternative.
Sonderfall: Datenzellen als Überschriften
Zellen, die gleichzeitig sowohl als Datenzellen als auch als Überschriftenzellen fungieren, sollten nicht als TH, sondern als TD ausgezeichnet werden. Durch die Vergabe von headers/id- oder scope- bzw. axis-Attributen werden diese Datenzellen jedoch selbst zu Überschriftenzellen und rangieren damit in der Rangordnung zwischen TH und TD. In der HTML-Spezifikation findet sich für diese Technik folgendes Beispiel:
Obwohl die erste Spalte Datenzellen TD enthält (die den TH der ersten und zweiten Zeile zugeordnet sind), fungieren diese TD selbst als Überschriften für ihre jeweiligen Zeilen, da sie mit dem Attribut scope="row" ausgezeichnet sind. Dadurch können die Inhalte der ersten Spalte in der Sprachausgabe bei Bedarf mit vorgelesen werden, wenn der Nutzer sich in den folgenden Zellen einer Zeile orientieren will.