Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

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

Cover: 'Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen' von Jan Eric Hellbusch Extern: "Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch Intern: 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

Audio: Nicht linearisierbares Tabellenlayout (0.1 MB)

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.