Sie sind hier: Start > Artikel

Codelistings zur Serie »Benimmregeln für Datentabellen«

Wir bedanken uns bei Carsten Albrecht, Mitarbeiter im Projekt INCOBS (Informationspool Computerhilfsmittel für Blinde und Sehbehinderte) und Detlef Girke (BIK) für die tatkräftige Unterstützung beim Testen.

Tags: , , , ,

Stand: 31.10.2008, Autor: tc

tabelle-1.html
Tabelle mit <th scope="col"> in der ersten Zeile und <th scope="row"> in der ersten und zweiten Spalte.
Diese Tabelle in JAWS 8 / IE 7: tabelle-1.mp3
tabelle-2.html
Tabelle mit <th scope="col"> in der ersten Zeile und <th scope="row"> in der ersten Spalte, <td scope="row"> in der zweiten Spalte. Zusätzlich die Angabe verschiedener <colgroup> (mit und ohne span-Attribut).
Diese Tabelle in JAWS 8 / IE 7: tabelle-2.mp3
tabelle-3.html
Tabelle mit <th scope="col"> in der ersten Zeile und <th scope="row"> in der ersten Spalte, <td scope="row"> in der zweiten Spalte. Zusätzlich die Angabe verschiedener <colgroup> (mit und ohne span-Attribut) sowie <thead>, <tfoot> und mehrere <tbody>.
Diese Tabelle in JAWS 8 / IE 7: tabelle-3.mp3
tabelle-4.html
Tabelle mit zusätzlicher erster Spalte, diese mit drei Überschriftenzellen <th rowspan="n" scope="rowgroup">.
Diese Tabelle in JAWS 8 / IE 7: tabelle-4.mp3
tabelle-5.html
Tabelle mit zusätzlicher erster Spalte, diese mit drei Überschriftenzellen. Sämtliche Datenzellen per headers zu den id der ersten Zeile verknüpft; zusätzlich die Zellen der dritten Spalte (td) per headers zu jeweils 3 Überschriftenzellen verknüpft
Diese Tabelle in JAWS 8 / IE 7: tabelle-5.mp3
tabelle-6.html
Zur Gegenkontrolle: Tabelle mit zusätzlicher erster Spalte, diese mit drei Überschriftenzellen, keine weiteren Attribute oder Elemente (kein headers/id, kein scope, kein <colgroup>)
Diese Tabelle in JAWS 8 / IE 7: tabelle-6.mp3
kreuztabelle-1.html
Kreuztabelle mit headers & id (jeweils zwei Ãœberschriftenzellen zugewiesen).
Diese Tabelle in JAWS 8 / IE 7: kreuztabelle-1.mp3
kreuztabelle-2.html
Kreuztabelle mit <th scope="col"> bzw. <th scope="row">. Zusätzlich Unterteilung durch mehrere <tbody>.
Diese Tabelle in JAWS 8 / IE 7: kreuztabelle-2.mp3
kreuztabelle-3.html
Zur Gegenkontrolle: Kreuztabelle ohne <th scope="col"> und <th>. Nur ein <thead> und ein <tbody>, <tfoot> per CSS (für @media aural und @media speech) unterdrückt.
Diese Tabelle in JAWS 8 / IE 7: kreuztabelle-3.mp3