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.

Der Event-Handler onsubmit

Der Event-Handler onsubmit ist ein geräteunabhängiger Event-Handler für Formulare. Er reagiert sowohl auf einen Maus-Klick als auch auf die Eingabetaste.

HTML

<script type="text/javascript">
  <!-- // /* <![CDATA[ */
    document.write('<p>Aktivieren Sie das Formular, indem Sie wahlweise die Tabulatortaste drücken oder mit der Maus hineinklicken. Um das Script dieses Formulars (eine Pop-Up-Meldung) zu starten, drücken Sie dann die Eingabetaste oder klicken Sie auf die Schaltfläche.</p>');
  /* ]]> */ //-->
</script>
<noscript>
  <p>Sie können das JavaScript-Beispiel nicht testen, weil Ihr Browser JavaScript nicht unterstützt oder Sie JavaScript derzeit ausgeschaltet haben.</p>
</noscript>
<form action="#demoForm" method="get" onsubmit="alert('Dies ist eine Demonstration des onSubmit-Event-Handlers.');" id="testForm">
  <p>
    <label for="abc" accesskey="7">Suchbegriff:</label><br />
    <input type="text" width="15" value="Suchbegriff eingeben" id="abc" />
    <input type="submit" width="15" value="Suchen!" />
  </p>
</form>

Browseransicht