Beispiele aus dem Buch (Abschnitt 2.5: Linearisierbarkeit und Layout)

"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.deDies ist ein Beispiel aus dem Buch
Barrierefreies Webdesign (2004), das Ende 2004 im dpunkt.Verlag erschienen ist.
Nicht linearisierbares Tabellenlayout
Mehrspaltiges Tabellenlayout kann, wie im folgenden Negativbeispiel dargestellt, zu unverständlicher Ausgabe in eindimensionalen Medien führen. Der Audio-Clip gibt folgenden Text aus:
Politik Kultur Umweltministerium nach 30 Jahren meldet Durchbruch Amtszeit überlässt im Bereich der der Intendant des regenerierbaren Stadttheaters seinen Energiequellen: Posten einem mehr Perpetuum Mobile als fragwürdigen erfunden. Nachfolger.
HTML
<table summary="zweispaltiges Layout">
<tr>
<th>Politik</th>
<th>Kultur</th>
</tr>
<tr>
<td>Umweltministerium</td>
<td>nach 30 Jahren</td>
</tr>
<tr>
<td>meldet Durchbruch</td>
<td>Amtszeit überlässt</td>
</tr>
<tr>
<td>im Bereich der</td>
<td>der Intendant des</td>
</tr>
<tr>
<td>regenerierbaren</td>
<td>Stadttheaters seinen</td>
</tr>
<tr>
<td>Energiequellen:</td>
<td>Posten einem mehr</td>
</tr>
<tr>
<td>Perpetuum Mobile</td>
<td>als fragwürdigen</td>
</tr>
<tr>
<td>erfunden.</td>
<td>Nachfolger.</td>
</tr>
</table>
CSS
td {
font-size: 11px;
}
Multimedia
Browseransicht
| Politik | Kultur |
|---|---|
| Umweltministerium | nach 30 Jahren |
| meldet Durchbruch | Amtszeit überlässt |
| im Bereich der | der Intendant des |
| regenerierbaren | Stadttheaters seinen |
| Energiequellen: | Posten einem mehr |
| Perpetuum Mobile | als fragwürdigen |
| erfunden. | Nachfolger. |

Rückwärtskompatibilität von CSS-Layout
Linearisierbarkeit von Tabellen