VForms (Moduli)



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.

Form: riga eseguita correttamente Form: riga scorretta, da evitare

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.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti