Was in einer Tabelle steckt

Tabellen gibt es in vielen Ausprägungen. Es gibt einfache Tabellen und komplexe Tabellen. Die Barrierefreiheit von Tabellen erfordert unterschiedliche Maßnahmen. Entscheidend für die Barrierefreiheit ist meist, wie die einzelnen Tabellenzellen innerhalb einer Tabelle zueinander in Beziehung stehen.

Einfache und komplexe Tabellen

Einfache Tabellen sind solche Tabellen, die Kopfzellen nur in der ersten Reihe und/oder in der ersten Spalte der Tabelle aufweisen. Zellen in einer einfachen Tabelle erstrecken sich außerdem nicht über zwei oder mehr Spalten oder zwei oder mehr Reihen.

Komplexe Tabellen weichen von diesen Anordnungen ab, das heißt Zellen erstrecken sich über mehr als eine Spalte oder mehr als eine Reihe oder Kopfzellen befinden sich nicht oben in einer Spalte oder links in einer Reihe. Komplexe Tabellen sind vor allem in Screenreadern oft nicht gut zu nutzen.

Übersicht der Anforderungen

Zu Datentabellen gibt es viele Anforderungen. Die Web Content Accessibility Guidelines (WCAG) 2.2 geben in Erfolgskriterium 1.3.1 vor, dass Strukturen und Beziehungen auch im Code repräsentiert sein müssen. Weitere Aspekte werden im HTML-Standard spezifiziert:
https://html.spec.whatwg.org/multipage/tables.html

Das table-Element kann für Daten eingesetzt werden, deren Darstellung in Reihen und Spalten angeordnet wird. Die Reihen und Spalten einer Tabelle bilden ein Gitter. Innerhalb des Gitters werden die Daten als Kopfzellen oder als Datenzellen gekennzeichnet, wodurch auch die Beziehung zueinander definiert wird. Assistenztechnologien nutzen diese Beziehungen, um eine barrierefreie Nutzung der Tabellen zu ermöglichen.

Die Anforderungen an Tabellen in HTML lassen sich wie folgt zusammenfassen:

• Tabellen sind für die Anordnung von Daten mit mehr als einer Dimension einzusetzen. Technisch dürfen Tabellen 0 Zellen umfassen (was dann sinnvoll ist, wenn Zellen und Reihen per Skript nach und nach generiert werden), aber die meisten Tabellen bestehen aus mindestens zwei Spalten und aus mindestens zwei Reihen mit Tabellenzellen.
• Datentabellen müssen ein Gitter darstellen, das heißt die enthaltenen Zellen ergeben ein Rechteck.
• Tabellen sind nicht zu Layout-Zwecken einzusetzen.
• Kopfzellen sind mit th-Elementen auszuzeichnen. Die meisten Datentabellen haben mindestens eine Reihe oder mindestens eine Spalte mit Kopfzellen, aber es gibt auch Tabellen ohne Kopfzellen.
• Einfache Tabellen sind immer zu bevorzugen. Bei einfachen Tabellen hat jede Reihe genau 0 oder 1 Kopfzelle am Anfang der Reihe und/oder jede Spalte genau 0 oder 1 Kopfzelle als oberste Zelle.
• Komplexe Tabellen sind zu vermeiden; manche komplexe Tabellen werden nicht barrierefrei nutzbar sein, und sie sollten in einzelne (einfache) Tabellen heruntergebrochen werden. Wenn komplexe Datentabellen dennoch eingesetzt werden, gilt:
  1. Komplexe Datentabellen müssen beschrieben werden.
  2. Die Beziehungen zwischen Kopfzellen und Datenzellen müssen durch die Vergabe von scope- und/oder headers-Attributen explizit angegeben werden.

Darüber hinaus verlangt Accessible Rich Internet Applications (ARIA) 1.2, dass Tabellen einen Namen erhalten. HTML bietet dafür das caption-Element. Tabellen können ihren Namen aber auch durch andere Techniken erhalten.