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
"Barrierefreies Webdesign — Praxishandbuch für Webgestaltung und grafische Programmoberflächen" bei amazon.de

Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], 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