Sfruttare le Access Key per accedere ai controlli dei Form

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Anche nell'ambito di un'applicazione Web si deve tenere conto del fatto che un utente potrebbe avere un qualsiasi problema, sia fisico che logistico, ad esempio il mouse non funzionante. Per muoversi tra i controlli di un form è possibile utilizzare la proprietà tabindex per consentire di spostare il focus in maniera logica da un controllo all'altro, ma non ci siamo ancora...

Possiamo realizzare un sistema simile a quello utilizzato nei sistemi Windows, sfruttando al meglio le Access Key, quindi sfruttando le combinazioni (shortcut)

[Alt + x]

<label for="N" accesskey="N">
  <u>N</u>ome
</label>
<input type="text" name="testo" id="N">