Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Beispiele aus dem Buch (Abschnitt 2.7: Strukturen und Validierung)

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.

Linearisierbare Formularelemente

Die Reihenfolge der Formularelemente wurde mittels des tabindex-Attributs geändert (vgl. vorheriges Beispiel). Mit der Tastatursteuerung werden die in der linken Spalte zusammenhängenden Eingabefelder nacheinander angesprungen und danach erst die Eingabefelder der zweiten Spalte.

HTML

<form action="verarbeiten.php" method="get">
  <table>
    <tr>
      <td width="200">
        <label for="feld1">Name:</label>
        <input type="text" size="14" id="feld1" tabindex="3" />
      </td>
      <td>
        <label for="feld2">Straße:</label>
        <input type="text" size="14" id="feld2" tabindex="5" />
      </td>
    </tr>
    <tr>
      <td>
        <label for="feld3">Vorname:</label>
        <input type="text" size="14" id="feld3" tabindex="4" />
      </td>
      <td>
        <label for="feld4"><acronym title="Postleitzahl">PLZ</acronym>, Ort:</label>
        <input type="text" size="14" id="feld4" tabindex="6"/>
      </td>
    </tr>
  </table>
</form>

Browseransicht