Barrierefreies Webdesign ein zugängliches und nutzbares Internet gestalten

Beispiele aus dem Buch (Abschnitt 2.6: Geräteunabhängigkeit und Dynamik)

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.

Geräteunabhängige Ereignisse

Um Ereignisse geräteunabhängig zu gestalten, müssen sowohl mausabhängige als auch tastaturabhängige Event-Handler eingesetzt werden.

Hinweis: Zwischenzeitlich wird onclick browserübergreifend tastatursensitiv für Links und Formulare behandelt, d.h. der Event-Handler reagiert auch auf die Eingabe- und Leertaste. Für andere Elemente siehe auch den Beitrag Links mit SPAN.

HTML

<script type="text/javascript">
  <!-- // /* <![CDATA[ */
    function hilfe() {
      alert("Um das Formular korrekt auszufüllen müssen Sie hier Ihre 20-stellige Kundennummer eingeben.");
    }
  /* ]]> */ //-->
</script>

<noscript>
  <p>Hinweis: Um das Formular korrekt auszufüllen müssen Sie hier Ihre 20-stellige Kundennummer eingeben.</p>
</noscript>

<button onkeypress="hilfe(); return false;" onclick="hilfe();return false;">Hilfe</button>