Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Benimmregeln für Datentabellen Teil 2: Komplexe Datentabellen geschrieben von Tomas Caspers (2008)

Die Inhalte dieser Seite sind ursprünglich in einer vierteiligen Serie von der Extern: Aktion Mensch veröffentlicht worden. Auf www.barrierefreies-webdesign.de werden die ersten drei Teile auf mehreren Seiten verteilt präsentiert.

Tabellenüberschriften mit CAPTION

Mit dem CAPTION-Element lässt sich eine (sichtbare) Tabellenüberschrift definieren. Das Element folgt unmittelbar nach dem eröffnenden <table> und darf weitere HTML-Inline-Elemente, jedoch keine Block-Elemente (hx, P etc.) enthalten. In der Transitional-Variante von HTML können Sie zwar die Position der Tabellenüberschrift über das align-Attribut angeben, allerdings sollten Sie hierauf zu Gunsten von CSS verzichten. Die Angabe von table {caption-side: bottom;} macht hier, analog zu dem veralteten <caption align="bottom"> aus der Tabellenüber- eine Tabellenunterschrift.

Wenn Ihre Tabellen in herkömmlichen Content-Seiten stehen können Sie davon ausgehen, dass sich Screenreader-Nutzer dort in der Regel über die Überschriftenstruktur orientieren. In Fällen, wo Tabellen nicht der wesentliche Inhalt einer Seite sind, kann es sinnvoll sein, auf den Einsatz von CAPTION zu verzichten. Sie sollten dann die Tabellen mit tatsächlichen Überschriften (hx) versehen. Wenn die Tabellen jedoch der wesentliche oder sogar der alleinige Inhalt sind, dann bietet sich CAPTION an. Für die Nutzung solcher Seiten stehen dem Screenreader-Nutzer eine ganze Reihe von spezialisierten Tastaturbefehlen zur Verfügung – so springt der verbreitete Screenreader JAWS durch das Drücken der Taste T automatisch zur ersten Tabelle einer Seite und würde eventuell davor stehende Überschriften überspringen, sodass unter Umständen wesentliche Informationen verpasst würden.