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 headers und id
Zunächst einmal müssen bei dieser Methode sämtliche Überschriftenzellen mit einer eindeutigen und einmaligen id versehen werden (<th id="foo"> … </th>). Zulässige Werte für diese id sind wie in HTML üblich sämtliche Buchstaben von A-Z bzw. a-z (ausgenommen Umlaute und ß) zu Beginn der id, dann erst Zahlen von 0-9, Bindestriche, Unterstriche, Punkte und Doppelpunkte (- _ . :). Diese id-Werte werden dann von den Datenzellen über ihr headers-Attribut referenziert, der Wert dieses Attributs entspricht der id der zugeordneten Überschriftenzelle:
<table>
<tr>
<th id="foo"> … </th>
<th id="bar"> … </th>
</tr>
<tr>
<td headers="foo"> … </td>
<td headers="bar"> … </td>
</tr>
</table>
Tipp: Generell sollten Sie sich zur besseren Übersicht und damit zur Arbeitserleichterung einen eigenen Namensraum ausdenken, der diese Tabellen-ids von anderen id-Werten einer Seite unterscheidbar macht. Dies kann z.B. mit einem Präfix oder Suffix, (a2-tabelle, table:b3 o.ä.) geschehen
Vorteile dieser Methode:
- Der größte Vorteil dieser Methode liegt in der eindeutigen Zuordnung. Mit
headersundidlassen sich Daten und Überschriften unzweifelhaft zuordnen, selbst wenn diese nicht auf der selben horizontalen oder vertikalen Ebene liegen. - Die Zuordnung über
headersundidwird auch von assistiven Programmen älterer Bauart relativ sauber unterstützt.
Nachteile dieser Methode:
- Bei sehr großen Tabellen mit vielen Daten wird der Gebrauch von
headersundidzwangsläufig zu einer signifikanten Vermehrung des Quelltextes führen. Die Dateigröße nimmt erheblich zu, damit vergrößert sich die Ladezeit und die Performance ihrer Seiten verringert sich. - Diese Methode ist sicher die anfälligste für menschliche Fehler während der Erstellung einer solchen Tabelle. Fehlende oder falsch zugeordnete
idundheaderswerden nur bei groben Schnitzern von Validatoren gefunden, sodass hierbei eine sehr präzise Arbeitsweise und eine detaillierte manuelle Nachkontrolle vonnöten sind. Die automatische Zuordnung vonheadersundidbedeutet erheblichen Aufwand in der serverseitigen Programmierung eines CMS oder Autorenwerkzeugs. Allerdings gibt es durchaus Editoren (wie z.B. XStandard), die diese Attribute automatisch vergeben, was eine große Arbeitserleichterung bei der Erstellung oder Pflege von Datentabellen bedeutet.
Sonderfall: Mehrdimensionale Tabellen
In mehrdimensionalen Tabellen oder in Tabellen, in denen Überschriftenzellen an beliebigen Stellen auftauchen können, bieten headers und id die einzige Möglichkeit einer sinnvollen Verknüpfung. Andere Methoden wie das scope-Attribut scheiden hier aus, da sich die Datenzellen nicht zwangsläufig auf eine über ihre horizontale oder vertikale Position eindeutig zugeordnete Überschriftenzelle beziehen. Allerdings sei in diesen Fällen die Frage gestattet, ob es wirklich eine derart komplexe Tabelle sein muss, oder ob man diese zur Vermeidung unnötiger Komplexität nicht besser in zwei oder mehr separate Tabellen aufgliedern sollte. Mehr zu diesem Thema finden sie in der zweiten Folge unserer Serie: komplexe Datentabellen.