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

Warning: Undefined variable $anmerkung in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 330

Dies ist ein Beispiel aus dem Buch [i;30-80-000-1], das Ende 2004 im dpunkt.Verlag erschienen ist.


Warning: Undefined variable $id_array_ in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Warning: Trying to access array offset on value of type null in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/_ANFANG.php on line 341

Linearisierbarkeit von Formularen

Die Reihenfolge der Formularelemente ist nicht optimal, wenn nur die Tastatur und keine Maus zur Bedienung verwendet wird. Die in der linken Spalte zusammenhängenden Eingabefelder werden nicht nacheinander angesprungen.

HTML

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

Browseransicht