Penso che a tutti i webmaster, sviluppando un sito web, sia accaduto di dovere inserire una o più pagine con dei forms con la funzione di modulo d'ordine piuttosto che di scheda sulla quale un visitatore del sito registra il proprio passaggio o i propri commenti, il cosiddetto "Libro degli ospiti".
Per i non vedenti non vi sono problemi di accessibilità ai moduli, in genere, a due precise condizioni: che non si aggiungano alle caselle inserite nei moduli elementi grafici (immagini o icone) e che venga inserita una sola etichetta o richiesta con la sua relativa casella per ogni riga.

L'esempio 2 mostra due caratteristiche (etichette) affiancate, e nella riga successiva due caselle (controlli) pure l'una accanto all'altra: un non vedente non avrà difficoltà a leggere con le sue apparecchiature vocali o braille l'etichetta "Età e professione", ma gli riuscirà impossibile distinguere le due caselle affiancate sottostanti. Tale impostazione va quindi evitata accuratamente nella creazione dei form.
L'etichetta può precedere la propria casella (il proprio controllo) immediatamente sulla stessa riga oppure trovarsi nella riga precedente il controllo, con una sola etichetta e un solo controllo per riga (si veda un esempio di un classico libro degli ospiti, perfettamente leggibile da un non vedente con l'ausilio dello screen reader). I menu a tendina, associati nell'esempio alle domande "In quale campo hai interessi prevalenti?" e "Questo sito potrebbe essere migliorato..." vengono individuati dallo screen reader e le relative risposte contenute in tale menu sono agevolmente selezionabili da un non vedente.
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |