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 Aktion Mensch veröffentlicht worden. Auf www.barrierefreies-webdesign.de werden die ersten drei Teile auf mehreren Seiten verteilt präsentiert.
Kategorisieren mit axis
Ein ganz anderes Konzept als die bisher vorgestellten Elemente und Attribute verfolgt axis
: bei diesem Attribut geht es nicht darum, Überschriftenzellen mit Datenzellen zu verknüpfen, sondern um das Filtern von Inhalten nach bestimmten Vorgaben. Im HTML 4.01-Standard steht dazu:
Dieses Attribut kann dazu verwendet werden, eine Zelle in konzeptionelle Kategorien einzuordnen, die als Achsen in einem n-dimensionalen Raum betrachtet werden können. Benutzerprogramme können Benutzern Zugang zu diesen Kategorien gewähren (z.B. könnte der Benutzer nach allen Zellen fragen, die zu bestimmten Kategorien gehören, das Benutzerprogramm könnte eine Tabelle in Form eines Inhaltsverzeichnisses darstellen usw.).
In der einschlägigen Literatur finden sich Hinweise, dass dieses Attribut rein hypothetisch und nicht implementiert sei. Der Grund dafür ist wahrscheinlich, dass dieses Attribut in den HTML-Spezifikationen und auch in den WCAG 1.0 als Methode beschrieben ist, mit der User Agents in ferner Zukunft mal etwas anfangen können:
Label table elements with the "scope", "headers", and "axis" attributes so that future browsers and assistive technologies will be able to select data from a table by filtering on categories.
Allerdings sind seit der Veröffentlichung über zehn Jahre vergangen und axis
wird in der Tat mittlerweile von aktuellen Screenreadern unterstützt. Was allerdings die Unterstützung des axis
-Attributs mit der Barrierefreiheit zu tun hat, will uns aber auch nach zehn Jahren nicht einleuchten. Der Vollständigkeit halber hier noch ein Beispiel, dass es dem Nutzer oder auch einer Software) ermöglicht, Ergebnisse nach Spieltagen zu filtern:
<table>
<!-- … -->
<tr>
<th scope="row" class="r">1.</th>
<th scope="row">1. <abbr title="fusball-Club">FC</abbr> Köln</th>
<td>—</td>
<td axis="27. Spieltag">1:1</td>
<td axis="11. Spieltag">3:1</td>
<td axis="33. Spieltag">2:1</td>
<td axis="18. Spieltag">1:0</td>
<td axis="29. Spieltag">5:2</td>
<td axis="31. Spieltag">0:1</td>
<td axis="15. Spieltag">4:1</td>
<td axis="7. Spieltag">2:4</td>
<td axis="25. Spieltag">6:1</td>
<td axis="9. Spieltag">4:1</td>
<td axis="21. Spieltag">2:0</td>
<td axis="5. Spieltag">6:0</td>
<td axis="2. Spieltag">2:1</td>
<td axis="3. Spieltag">7:2</td>
<td axis="13. Spieltag">6:2</td>
<td axis="23. Spieltag">3:1</td>
<td axis="17. Spieltag">4:1</td>
<td>86:41</td>
<td>+45</td>
<td>48</td>
</tr>
<!-- … -->
</table>
Der Beitrag Benimmregeln für Datentabellen besteht aus folgenden einzelnen Webseiten:
- Frühere, aktuelle & kommende Standards
Die Erstellung von sinnvollen, komplexen Datentabellen ist aufgrund der anhaltenden Vernachlässigung in der Standardisierung noch schwer.
- In der Theorie sind Theorie und Praxis gleich, in der Praxis sind sie es nicht
Neben der standardisierten Implementierung des HTML-Codes ist die Zugänglichkeit von Tabellen abhängig von der Unterstützung durch Hilfsmittel wie Screenreader.
- Wann ist eine Tabelle eine Tabelle?
Je nach logischer Struktur von Daten reicht es, die Daten durch eine Liste auszuzeichnen.
- Wann ist eine Tabelle eine barrierefreie Tabelle?
Erst die ganzheitliche Beachtung der Anforderungen für sehende, sehbehinderte und nicht-sehende Nutzer macht eine barrierefreie Tabelle möglich.
- Zuordnung mit
headers
undid
Inhalte in mehrdimensionalen, komplexen Tabellen sind nur durch die Verknüpfung mittels headers und id barrierefrei zugänglich zu gestalten.
- Zuordnung mit
scope
Das scope-Attribut ist technisch leicht umzusetzen, bringt aber auch abzuwägende Nachteile mit sich.
- Das
summary
-Attribut Das summary-Attribut ist nur eingeschränkt zugänglich und nur in begründeten Ausnahmefällen sinnvoll.
- Tabellenüberschriften mit
CAPTION
Abhängig vom Tabellenkontext stellen entweder CAPTION oder ein Hx-Element eine angemessene Technik zur Strukturierung dar.
- Innere Struktur mit
THEAD
,TBODY
&TFOOT
Unter anderem kann besonders die Druckausgabe durch den Einsatz von THEAD, TBODY und TFOOT in Verbindung mit CSS optimiert werden.
- Beispiel: Abschlußtabelle 1977/78
Betrachten Sie die visuellen Realisierung der Tabelle, den dahinterliegenden Quelltext und testen Sie die Druckversion.
- Spalten gruppieren mit
COLGROUP
COLGROUP unterstützt die Formatierung einzelner Spalten in Tabellen.
- Zeilen gruppieren mit
rowgroup
Der Wert "rowgroup" des scope-Attributs erlaubt das Strecken einer Zelle über mehrere Reihen.
- Ausrichtung mit
scope
Neben scope für TH bietet scope für TD eine zusätzliche Möglichkeit der dezidierten Verknüpfungen für definierte Bereiche.
- Kategorisieren mit
axis
(Aktuelle Seite)
- Abkürzungen und Zusatzinfos
Das abbr-Attribut (nicht ABBR-Element!) ermöglicht die Ausgabesteuerung von Überschriftenzellen.
- Kreuztabelle mit
scope
undabbr
Das Potential des abbr-Attributs wird in Verbindung mit dem scope-Attribut am Beispiel einer Kreuztabelle demonstriert.
- Was tun mit leeren Zellen?
Machen Sie sich bewusst, ob oder welche Informationen durch eine leere Zelle vermittelt werden.
- Der heilige Gral: Tabellen in PDF
Bei entsprechend sauber angelegtem Ausgangsmaterial können auch in PDF-Dateien einfache Tabellen barrierefrei aufbereitet werden.
- Fazit
Tabellen müssen unabhängig von einer Zugangstechnik universell nutzbar sein und vom Verantwortlichen mit akzeptablem Aufwand erstellt werden können.
Der folgende Begriff auf dieser Seite wird im Glossar definiert:Inhalten