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 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.