Tabellen
Tabellen, sollten rein zur tabellarischen Ansicht verwendet werden und nicht wie üblich, zur Positionierung in einer Webseite, da diese nur in der visuellen Ansicht keine Bedeutung haben und im Screenreader zu einer erschwerten Zugänglichkeit führt. Die Problematik mit Tabellen und Screenreadern liegt in der Liniearisierung der Inhalte.
Daher sollten Tabellen nur mehr verwendet werden, wenn diese eine bessere Aufbereitung des Inhaltes darstellen.
Große bzw. unübersichtliche Tabellen bergen das Risiko, das der Leser / Hörer den Zusammenhang nicht mehr erkennen, wenn z.B. die Spaltenüberschrift nicht mehr zu sehen ist.
Daher sollte man die Tabellenzellen mit der dazugehörigen Spaltenüberschrift verbinden, damit der Reader dem Benutzer diese gegebenenfalls mitteilen kann.
Durch die Angabe einer Zusammenfassung des Tabelleninhaltes kann auch ein blinder Besucher den Sinn der angeführten Tabelle erkennen.
Dies war nur ein kurzer Einblick in die Verwendung von Tabellen, weitere Informationen findet Ihr unter SelfHTML.
Daher sollten Tabellen nur mehr verwendet werden, wenn diese eine bessere Aufbereitung des Inhaltes darstellen.
Große bzw. unübersichtliche Tabellen bergen das Risiko, das der Leser / Hörer den Zusammenhang nicht mehr erkennen, wenn z.B. die Spaltenüberschrift nicht mehr zu sehen ist.
Daher sollte man die Tabellenzellen mit der dazugehörigen Spaltenüberschrift verbinden, damit der Reader dem Benutzer diese gegebenenfalls mitteilen kann.
Durch die Angabe einer Zusammenfassung des Tabelleninhaltes kann auch ein blinder Besucher den Sinn der angeführten Tabelle erkennen.
Beispiel:Weiters kann man der Tabelle auch eine Überschrift geben
<table summary="Dies Tabelle beinhaltet alle Termine des aktuellen Monats">
Beispiel:Um eine logische Verbindung zwischen der Spaltenüberschrift und der jeweiligen Zelle zuschaffen, verwendet man in der Spaltenüberschrift (th) das Attribut id und in der Spalte (td) den Wert headers.
<caption>Alle Termine des Monats</caption>
Beispiel:
<table summary="Dies Tabelle beinhaltet alle Termine des aktuellen Monats">
<caption>Alle Termine des Monats</caption>
<tr>
<th id="datum">Datum</th>
<th id="ort">Ort</th>
</tr>
<tr>
<th headers="datum">01.01.2007</th>
<th headers="ort">Wien</th>
</tr>
</table>
Dies war nur ein kurzer Einblick in die Verwendung von Tabellen, weitere Informationen findet Ihr unter SelfHTML.