Realizzare Un Sito Accessibile – I Form

• Tweet

• Tweet

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

filter by
television
radio
cinema

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

Autore:

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

Autore:

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?