Raccomdandazioni nell'uso dei colori - 2



Un altro accorgimento importante per favorire l'accessibilità – come suggerisce il punto di controllo 2.1 delle WCAG 1.0 - consiste nel rendere disponibili anche in altre modalità indipendenti dal colore le informazioni che dipendono da una corretta capacità di percepire i colori.

Un esempio pratico di tale accorgimento è disponibile negli indici cronologici dei forum di Diodati.org. In questi indici vengono comunicate, per mezzo di quadratini diversamente colorati posti prima del titolo di ciascun messaggio, due informazioni: se si tratta di un messaggio che apre una nuova discussione oppure di una risposta, e se ha già ricevuto delle risposte oppure no.

Ma come fare per comunicare la stessa informazione anche a chi non percepisce i colori o a chi naviga con uno screen reader, con una barra braille o con un browser con il caricamento delle immagini disabilitato? La soluzione scelta è stata quella di inserire la medesima informazione in forma testuale, come valore di un attributo "title" all'interno dell'elemento A che contiene il titolo del messaggio. In tal modo, chi usa un browser grafico ed ha difficoltà a percepire i colori dei quadratini può vedere l'informazione come un messaggio a comparsa che appare al passaggio del mouse sul testo del collegamento; chi invece usa una tecnologia assistiva, può ricevere direttamente dal programma la lettura del valore dell'attributo "title".

Figura 6. Passando il mouse sul titolo di un messaggio, appare un testo che contiene la medesima informazione comunicata dal quadratino colorato che precede il titolo.
Forum Accessibili

In conclusione di argomento, s'impone una considerazione. Da quanto detto finora a proposito dell'uso del colore, potrebbe sembrare che sviluppare pagine accessibili voglia dire rinunciare alla possibilità di avere siti molto colorati e curati nell'estetica.

Non è proprio così. I limiti di non utilizzare colori abbaglianti e di non inserire immagini in movimento, che non possano essere fermate dall'utente, non penalizzano eccessivamente la creatività grafica. Qui non si sta dicendo di non utilizzare immagini o animazioni, ma di non utilizzarle come sfondo del testo. Per il resto, i creativi sono liberi di inventare le decorazioni grafiche più suggestive e complesse, purché queste non siano in conflitto con la leggibilità dei testi e purché le eventuali informazioni da esse comunicate siano disponibili anche in altre modalità, indipendenti dalla capacità dell'utente di percepire i colori.

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