Achten Sie darauf, immer eine Legende, eine Erklärung oder eine Zusammenfassung hinzuzufügen, um Thema und Aufbau der Tabelle zu beschreiben.
Dies ermöglicht sehbehinderten Menschen, ihre Inhalte über die Sprachsynthese-Software zu verstehen und die Informationen zugänglich zu machen.
Wie wendet man das an?
Mit dem Element <caption> von HTML können Sie einer Tabelle einen eigenen Header geben. Zusätzlich können Sie erklären, wie die Tabelle aufgebaut ist, wenn es sich um eine komplizierte Tabelle handelt.
Bislang wurde in HTML häufig das Summenattribut des Elements <table> verwendet. Dies wird heute nicht mehr empfohlen, da nur Anwender von Hilfstechnologien Zugriff auf die Informationen in diesem Attribut haben und in der neuen Version von HTML (HTML5) nicht mehr unterstützt werden. Sie können die Erklärung auf andere Weise hinzufügen.
Beispiele
Eine Legende oder Tabellenüberschrift hinzufügen
Die Legende oder Überschrift der Tabelle wird mit dem Element <caption> von HTML angegeben. Es kommt direkt nach dem <table> Element.
<table>
<caption>Monatliche Ausgaben im Jahr 2019</caption>
…
</table>
Eine Erklärung zu einer komplexen Tabelle hinzufügen
Die Struktur Ihrer Tabelle ist komplex? Vergewissern Sie sich zunächst, ob Ihre Tabelle nicht vereinfacht werden kann.
Wenn Sie dennoch eine Erklärung hinzufügen möchten, haben Sie die Wahl zwischen den folgenden Techniken.
Für Developer (Entwickler)
Innerhalb des <caption> Elements
Platzieren Sie eine Erklärung innerhalb des Elements <caption> der Tabelle. Das folgende Beispiel zeigt die Erklärung in einem <span> Element. Dies ist nicht zwingend erforderlich, kann aber nützlich sein, um die Erklärung neu zu gestalten.
<table>
<caption>Monatliche Ausgaben im Jahr 2015 <br>
<span>Die erste Spalte zeigt den Monat, die anderen Spalten zeigen die Ausgaben aufgeschlüsselt nach Kategorien.</caption>
…
</table>
Für Redakteure
Der Redakteur sollte sicherstellen, dass Tabellen eine klare Überschrift und ggf. eine zusätzliche Erläuterung der Struktur haben, wenn diese sehr komplex ist.