Programmazione Web » Html » Rendere accessibili i form
Rendere accessibili i form
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1393 volte
In questa lezione cercheremo di estendere il livello di usabilità permettendo anche agli utenti disabili di compilare un form senza usare il mouse! Non starò qui a spiegare cosa sono le accesskey, dato che l'argomento è stato già trattato precedentemente.
La procedura per realizzare un form accessibile è la stessa vista per la creazione del menu. Basterà aggiungere al tag input (o textarea) l'attributo accesskey, specificandone il valore.
Nell'esempio sottostante abbiamo scelto "n" per il nome e "c" per il cognome. Sarà pertanto possibile ottenere il focus sul campo nome premendo Alt+n e sul campo cognome premendo Alt+c. Per l'invio dei dati sarà sufficiente premere il tasto Invio. Come ben potete vedere, non c'è alcun bisogno di utilizzare il mouse!
Passiamo alla visualizzazione del codice:
<form name="dati" id="dati" method="post" action="">
Nome [Alt + n]
<input name="nome" type="text" id="nome" value="nome..." accesskey="n" />
<br />
Cognome [Alt + c]
<input name="cognome" type="text" id="cognome" value="cognome..." accesskey="c" />
<input type="submit" name="Submit" value="Invia" />
</form>
Aggiungi questo tutorial ai preferiti
