Accesskey
Naast een label aan je element te plakken, is het ook fijn voor de gebruiker om met een toetsencombinatie het veld te kunnen 'traceren'. Je kunt dit doen met de parameter accesskey in de input-tag. De gebruiker kan dan (zoals hij of zij gewendt is van windows) de toetsencombinatie alt+[letter] gebruiken om het element te selecteren. Je moet er dan wel op letten dat je niet een toetsencombinatie die al bestaat binnen een browser gebruikt. Op de volgende pagina kun je zien welke toetsencombinaties er al zijn bezet voor Firefox en Internet Explorer http://jerseyboy.je.funpic.de/formulieren/onmogelijke%20toetsencombinaties.txt.
Ons hele gebruiksvriendelijke formulier wordt nu:
...
<form action="#" method="post">
<input type="text" name="text" id="text" accesskey="t" />
<label for="text">Plaats cursor in invoerveld</label>
<input type="submit" name="submit" value="Verzend" accesskey="v" />
</form>
...
Natuurlijk weet de gebruiker nu nog niet welke toetsencombinatie hij moet gebruiken. Daarom moet je een letter onderstrepen met <u> of met <span class="u">. Vergeet alleen als je die laatste optie gebruikt (span) niet een class in je stylesheet te maken. Het volledige formulier zou er dus zo uit zien:
...
<form action="#" method="post">
<input type="text" name="text" id="text" accesskey="p" />
<label for="text"><u>P</u>laats cursor in invoerveld</label>
<br />
<input type="submit" name="submit" value="Verzend" accesskey="v" />
</form>
...
Voorbeeld: http://jerseyboy.je.funpic.de/formulieren/formulier2.html