Realizzare Un Sito Accessibile – I Form
Continua la rubrica sull’accessibilità dei siti dove andremo a vedere quali sono le tecniche per rendere il tuo sito o quello dei tuoi clienti accessibile a utenti disabili e non.
Oggi andremo a vedere come realizzare dei form accessibili.
Prima di andare a vedere nei dettagli quali sono gli accorgimenti da adottare voglio farti riflettere su una cosa: vai a vedere questa splendida raccolta di form realizzata da web designer depot: sai quanti sono i form pienamente accessibili? UNO SOLO
Questo per dire che molte volte si commette l’errore di pensare solo alla creatività, trascurando i potenziali utenti del nostro sito e quali difficoltà potrebbero incontrare nella navigazione.
Andiamo a vedere ora come creare un form accessibile.
TAG Fieldset
Il tag fieldset permette il raggruppamento di elementi omogenei, e tramite il tag <legend> possiamo dare un nome al gruppo.
Esempio codice
E il risultato che si ottiene è questo:
TAG Label
Il tag <label> permette di indicare un’etichetta per il nome del campo e di legarli insieme, utilizzando l’attributo for dove si indica il nome del campo da associare.
Esempio codice
Attributi tabindex e accesskey
Infine l’ultimo accorgimento da utilizzare, specialemente per gli utenti non vedenti è quello di facilitare la loro navigazione dando delle scorciatoie da tastiera per i vari campi del form.
L’attributo tabindex permette di stabilire l’ordine con cui si accede ai campi premendo il tasto TAB, mentre l’accesskey consente di accedere a un determinato campo con una combinazione di tasti.
Esempio codice
Come vedi non bisogna fare grandi cose per permettere a chiunque di navigare facilmente nel tuo sito. Tu li usi questi accorgimenti? Li conoscevi già? Ce ne sono altri che mi sono dimenticato?
4 Commenti
[…] This post was mentioned on Twitter by Mirko D'Isidoro, fedeweb. fedeweb said: Realizzare Un Sito Accessibile – I Form: Continua la rubrica sull’accessibilità dei siti dove andremo a vedere qua… http://bit.ly/9Oa03D […]
Incredible! This blog looks exactly like my old one!
It’s on a entirely different subject but it has pretty much the
same page layout and design. Outstanding choice
of colors!
Here is my web site – シャネル バッグ 超安
An outstanding share! I have just forwarded this onto a colleague who
had been doing a little homework on this.
And he in fact ordered me lunch because I discovered it
for him… lol. So let me reword this…. Thanks for the
meal!! But yeah, thanks for spending some time to talk about this issue here on your site.
The employers want to know what special qualities you have and
what new you can bring to the table. Pharmacies are usually paid by third-party insurance companies for
all the prescription medication that they dispense. Refer to the application for these additional requirements.
Feel free to surf to my weblog :: amoxil pharmacy massacre medford