ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Kann dauern
Wichtig für Rolle:
Entwicklung
Worum geht's?
Informationen, die visuell in Tabellenform dargestellt werden, müssen auch im HTML als Tabelle ausgezeichnet sein. So können assistive Technologien die Inhalte richtig auslesen.
Umsetzung
Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

Tabellarische Informationen müssen als Tabellen ausgezeichnet sein
Für die Auszeichnung von Tabellen gibt es die Tags
<table>für die Tabelle, <th>für die Header und<td>für die Inhalte.Es ist nicht Pflicht, dass eine Tabelle eine Beschreibung hat. Wenn es aber eine Beschreibung zu der Tabelle gibt, dann muss diese Beschreibung programmatisch mit der Tabelle verknüpft sein. Das geht über eine
<caption>.
Anmerkungen

Ausnahme: Wann ein th-Element nicht zwingend nötig ist
Eine Tabelle, bei der die Überschriften oder Beschriftungen links stehen und rechts daneben nur eine weitere Spalte mit den dazugehörigen Inhalten, braucht nicht zwingend ein
<th>. Durch die Lesereihenfolge von links nach rechts kann der Zusammenhang auch ohne explizite Tabellenüberschrift gut verstanden werden.In solchen Fällen kann man dann aber auch diskutieren, ob es sich überhaupt noch um eine echte Datentabelle oder eher um eine Layouttabelle handelt, weil visuell keine Zusammenhänge wiedergegeben werden, die man programmatisch ermitteln können muss.
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!