HTML und XHTML
Die Technik bezieht sich auf:
Das Ziel dieser Technik ist es, tabellarische Informationen auf eine Art und Weise zu präsentieren, welche die Beziehungen innerhalb der Informationen beibehält, auch wenn Benutzer die Tabelle nicht sehen können oder das Format der Darstellung geändert wird. Informationen gelten als tabellarisch, wenn logische Beziehungen zwischen Text, Ziffern, Bildern oder anderen Daten in zwei Dimensionen vorliegen (vertikal und horizontal). Diese Beziehungen werden in Spalten und Zeilen dargestellt und die Spalten und Zeilen müssen erkennbar sein, damit die logischen Beziehungen wahrgenommen werden können.
Benutzung des table-Elements mit den child-Elementen tr, th und td macht diese Beziehungen wahrnehmbar. Techniken wie das Einfügen von Tabs zur Erstellung von Spalten oder die Benutzung des pre-Elements sind rein visuell und visuell implizierte Beziehungen gehen verloren, wenn der Benutzer die Tabelle nicht sehen kann oder die visuelle Darstellung verändert wird.
Dieses Beispiel benutzt Markup für eine einfache Datentabelle. Die erste Zeile zeigt die Wochentage. Zeitintervalle werden in der ersten Spalte angezeigt. Diese Zellen sind mit dem th-Element ausgezeichnet. Dies kennzeichnet die Wochentage als Spaltenüberschriften und die Zeitintervalle als Zeilenüberschriften.
Screenreader sprechen Überschrifteninformationen, die sich ändern während der Benutzer in der Tabelle navigiert. Wenn sich der Screenreader-Benutzer also innerhalb einer Zeile nach links oder rechts bewegt, dann hört er den Wochentag (die Spaltenüberschrift) gefolgt vom Termin (wenn es einen gibt). Sie hören das Zeitintervall, wenn sie sich innerhalb der gleichen Spalte nach oben oder unten bewegen.
Code-Beispiel:
<table>
<tr>
<td> </td>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<th>8:00-9:00</th>
<td>Meet with Sam</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<th>9:00-10:00</th>
<td> </td>
<td> </td>
<td>Doctor Williams</td>
<td>Sam again</td>
<td>Leave for San Antonio</td>
</tr>
</table> Ressourcen sind nur zu Informationszwecken und keine offizielle Empfehlung.
HTML 4.01 Table Element
HTML 4.01 Table rows: The TR element
HTML 4.01 Table cells: The TH and TD elements
Prüfen Sie, ob tabellarische Informationen vorhanden sind.
Für jedes Auftreten von tabellarischen Informationen:
Prüfen Sie, ob Tabellen-Markup mit mindestens den Elementen table, tr, th und td benutzt wird.
Alle oben genannten Tests sind wahr.
Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.