Barrierefreie Tabellen sorgen dafür, dass tabellarische Inhalte auch mit Screenreadern verständlich sind – und helfen gleichzeitig allen, Informationen schneller zu erfassen.

Gerade Tabellen stellen in der digitalen Barrierefreiheit jedoch besondere Anforderungen: Während sehende Nutzende Zusammenhänge oft über die visuelle Anordnung erfassen, sind Screenreader auf eine klare Struktur mit korrekt ausgezeichneten Zeilen, Spalten und Überschriften angewiesen.

Eine barrierefreie Datentabelle ist deshalb so aufgebaut, dass ihre Inhalte im richtigen Zusammenhang gelesen und verstanden werden können.

Dieser Leitfaden zeigt, wie Redaktionen Datentabellen barrierefrei gestalten.

2. Klare Struktur für Datentabellen

Eine barrierefreie Datentabelle ist so aufgebaut, dass jede Zelle im Kontext verständlich ist.

Testfrage

Können Sie allgemein beschreiben, was in jeder Spalte und jeder Zeile steht?

Beispiel

• Spalten: „Jahr“, „Anzahl Fälle“, „Veränderung zum Vorjahr“
• Zeilen: einzelne Jahre

Typische Strukturfehler

• Bedeutungen ändern sich innerhalb der Tabelle
• Daten stehen ohne passende Überschrift
• Kommentare erscheinen als Tabellenzeilen
• Zellen übernehmen mehrere Rollen gleichzeitigI
• Inhalte sind logisch gruppiert, aber nicht strukturell gekennzeichnet

Bedeutung für die Barrierefreiheit

Strukturprobleme lassen sich technisch kaum korrigieren. Eine Tabelle muss von Anfang an sauber aufgebaut sein.

Best Practices

• Jede Spalte und jede Zeile hat eine klare, gleichbleibende Bedeutung
• Alle Daten lassen sich eindeutig zuordnen
• Zusatzinformationen stehen außerhalb der Tabelle
• Komplexe Inhalte werden auf mehrere Tabellen verteilt

3. Barrierefreiheit testen: Der Vorlese-Test

Der Vorlese-Test ist eine einfache Methode zur Qualitätsprüfung für barrierefreie Tabellen.

Vorgehen

1. Eine Zelle auswählen
2. Im Zusammenhang lesen: „Spalte – Zeile: Wert“
3. Prüfen:Ist die Aussage verständlich? Funktioniert das für die gesamte Tabelle?

Wenn jede Zelle auf diese Weise verständlich ist, ist die Struktur in der Regel geeignet.

4. Überschriften korrekt einsetzen

Tabellenüberschriften liefern den notwendigen Kontext für Screenreader.

Für barrierefreie Tabellen braucht es klare Spaltenüberschriften in der Kopfzeile. Wenn nötig, kommen Zeilenüberschriften in der ersten Spalte hinzu. Beide müssen so formuliert sein, dass jede Datenzelle eindeutig verstanden werden kann.

Technischer Hinweis

Überschriften müssen im CMS als solche ausgezeichnet sein. Reine optische Hervorhebungen reichen nicht aus.

Praxistipps

• Tabellenfunktionen im CMS konsequent nutzen
• Vorlagen technisch prüfen
• klare Struktur priorisieren

5. Erste Spalte als Zeilenüberschrift

Die erste Spalte ist die Zeilenüberschrift, wenn sie erklärt, worum es in der ganzen Zeile geht.

Beispiel

Wenn in der ersten Spalte „Modell A“ steht und daneben Preis und Lieferzeit folgen, beschreibt „Modell A“ die gesamte Zeile. Dann ist die erste Spalte eine Zeilenüberschrift.

Ist in der ersten Spalte dagegen nur eine ID oder eine interne Nummer, hilft sie beim Verstehen nicht. Dann ist sie keine Zeilenüberschrift.

Faustregel

Wenn man eine Tabellenzeile vorliest und die erste Spalte dabei hilft, die Werte zu verstehen, ist sie eine Zeilenüberschrift. Wenn nicht, sollte sie auch nicht so behandelt werden.

6. Tabellen ohne Überschriften

Tabellen ohne Überschriften sind möglich, aber meistens keine gute Lösung.

Sie können funktionieren, wenn die Tabelle auch ohne Überschriften sofort verständlich ist.

Beispiel

Eine einfache Liste von Preisen, bei der in jeder Zeile schon steht, was gemeint ist:
„Produkt A – 10 €“, „Produkt B – 12 €“

Hier braucht man keine extra Überschrift, weil jede Zeile sich selbst erklärt.

Wann es schwierig wird

Sobald man sich fragen muss:

• „Was bedeutet diese Zahl?“
• „Zu welcher Kategorie gehört das?“

fehlen wichtige Informationen.

Genau hier haben Screenreader ein Problem:
Ohne Überschriften können sie den Zusammenhang nicht mit vorlesen.

Faustregel

Wenn man beim Lesen oder Vorlesen überlegen muss, was ein Wert bedeutet, fehlen Überschriften.

Empfehlung

Sobald Daten verglichen, sortiert oder genauer verstanden werden sollen, braucht die Tabelle Überschriften.

7. Umgang mit gelieferten Tabellen

Tabellen stammen häufig aus externen Quellen oder Fachabteilungen.

Typische Probleme

• unklare Struktur
• Layout-Tabellen
• verschachtelte Inhalte

Solche Tabellen lassen sich meist nicht nachträglich barrierefrei machen. Deshalb sollten Anforderungen früh geklärt, einfache Vorlagen bereitgestellt und ungeeignete Tabellen bei Bedarf neu aufgebaut werden.

Checkliste: Barrierefreie Tabellen

• Tabellen nur für echte Daten verwenden
• klare und konsistente Struktur sicherstellen
• Überschriften korrekt anlegen
• Zeilenüberschriften gezielt nutzen
• Vorlese-Test durchführen

Fazit

Barrierefreie Tabellen helfen Screenreader-Nutzenden bei der Orientierung, erleichtern allen anderen das schnelle Erfassen von Informationen und unterstützen Redaktionen dabei, Inhalte klar und strukturiert aufzubereiten. Gut gestaltete Tabellen sind daher nicht nur barrierefrei, sondern insgesamt verständlicher und besser nutzbar.

Text: Stiftung Pfennigparade