Beispiele aus dem Buch (Abschnitt 2.6: Geräteunabhängigkeit und Dynamik)
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>