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

Formulare dynamisch erreichbar machen

Formulare sollten stets auch mit der Tastatur erreichbar sein. Es kann Sinn machen, neben der Verwendung von tabindex den Einsatz eines JavaScript-Befehls zu berücksichtigen. Das folgende Beispiel zeigt, wie der Systemfokus auf ein Eingabefeld eines Formulars gelegt wird.

HTML

<form action="zieladresse.html" method="post" id="formularName">
  <p>
    <label for="demoField">Textfeld für den Fokus</label>
    <input type="text" size="30" value="Der Fokus wird hier hin gelegt!" id="demoField" />
  </p>
</form>
<script type="text/javascript">
  <!-- // /* <![CDATA[ */
    document.getElementById("demoField").focus();
  /* ]]> */ //-->
</script>

Browseransicht