Ratgeber: Ähnliche Tabellenwerte brauchen eindeutig zugeordnete Überschriften

In einer Tabelle stehen Namen, Orte und Teambezeichnungen. Ohne die jeweilige Überschrift lassen sich viele Werte nicht sinnvoll unterscheiden. Das betrifft nicht nur Menschen, die eine Zeile flüchtig lesen, sondern auch die technische Struktur der Seite. Dieser Ratgeber greift die Anleitung der W3C Web Accessibility Initiative auf und entwickelt daraus einen kleinen Prüfauftrag für eine eigene Tabelle.

Die Zuordnung im Markup erklären

Die WAI-Anleitung behandelt Tabellen mit einer Überschriftenzeile oder einer Überschriftenspalte. Bei mehrdeutigen Daten sowie größeren Tabellen mit einer solchen Kopfstruktur ist eine ausdrückliche Zuordnung über scope nötig. Der Wert col bezeichnet eine Spaltenüberschrift. Die sichtbare Schriftgestaltung allein stellt diese inhaltliche Beziehung nicht her.

Für kompliziertere Tabellen mit mehreren Kopfebenen reicht dieses einfache Muster möglicherweise nicht aus. Beschränke einen ersten Entwurf deshalb bewusst auf eine kleine, fachlich klare Tabelle, statt sämtliche Auswertungen in ein einziges Raster zu pressen.

Mehrdeutige Beispieldaten wählen

Bereite eine fiktive Teilnehmerliste mit Vorname, Nachname und Ort vor. Verwende Werte, die nicht bereits durch ihre Form die Spalte verraten. Genau dadurch wird die Bedeutung der Überschriften im Test sichtbar. Eine Tabelle mit Datum, Bild und Zahl kann einen Strukturfehler durch sehr unterschiedliche Inhalte verdecken.

Schreibe zu jeder Spalte eine kurze Erklärung. Wenn eine Bezeichnung wie „Status“ mehrere Dinge bedeuten kann, wähle im Entwurf einen genaueren Namen, etwa „Anmeldestatus“. Notiere auch, wie unbekannte Angaben angezeigt werden. Ein leeres Feld sollte nicht stillschweigend als bestätigte Absage verstanden werden.

Darstellung und Struktur gemeinsam prüfen

Lass bei der Umsetzung die Kopfzellen und ihre Zuordnung kontrollieren. Prüfe anschließend die Tabelle mit vergrößerter Schrift und in schmaler Ansicht. Falls sie zu Karten umgebaut wird, müssen die einzelnen Werte weiterhin erkennbare Bezeichnungen besitzen. Es genügt nicht, nur die Zeilen optisch untereinanderzustellen und die Überschriften verschwinden zu lassen.

Einen konkreten Lesetest durchführen

Bitte eine zweite Person, bei zwei Testeinträgen Nachname und Ort zu nennen. Ergänze eine Prüfung mit den vorgesehenen Hilfsmitteln, wenn die Seite damit genutzt werden soll. Halte unklare Zuordnungen als konkrete Fundstellen fest. Die fertige Tabelle ist dann abnahmefähig, wenn ihre fachliche Bedeutung sowohl im Seitenaufbau als auch in der sichtbaren Darstellung erhalten bleibt.