Colori
L´utilizzo dei colori nelle pagine web è sicuramente attraente per l´utente ma spesso il cattivo uso dei colori può essere dannoso. Ricordiamo che non tutti gli utenti potrebbero percepire correttamente il colore (pagine stampate, forte luminosità dell'ambiente, daltonismo, ecc.)
Requisiti per i colori
- Funzioni ed informazioni devono essere disponibili anche in assenza del particolare colore utilizzato per presentarli nella pagina.
- Si deve sempre distinguere il contenuto informativo (foreground) e lo sfondo (background), ricorrendo a un sufficiente contrasto
Suggerimenti
- Non fornire informazioni solo attraverso i colori. Ad esempio, non basta dire che “I campi obbligatori sono in rosso” ma occorre anche aggiungere altre informazioni per riconoscerli come: “* campi obbligatori” o “ I campi obbligatori sono rossi e con un *” (nell’etichetta).
- Evidenziare nel testo i links non solo con differenze di colore, ma con sottolineatura, grassetto, o presenza di immagini o segni che ne consentano l´identificazione e distinguerli dal resto delle parole presenti nella pagina: usare possibilmente un unico stile coerente.
- Per le immagini che contengono testo significativo utilizzare una scelta di colori sufficientemente contrastati.
- Limitare il numero di colori: si suggerisce di limitare l´uso a quattro colori e al più a sette.
- Usare i colori in modo cauto e accorto: utilizzare molti colori per dare maggiore luminosità alle pagine spesso porta ad un risultato controproducente. Un giusto utilizzo consiste ad esempio nel mostrare gli item in un colore, il titolo in un altro colore, le note in un terzo colore e i messaggi in un quarto colore. Un approccio sicuro è utilizzare lettere nere su fondo bianco, lo stile italico o grassetto per dare rilevanza e riservare i colori ad effetti molto speciali.
- Utilizzare i colori per mettere in evidenza una certa caratteristica e farlo in modo coerente. Ad esempio se in un elenco di rappresentazioni teatrali la convenzione %egrave; quella di visualizzare in rosso gli spettacoli sospesi ci si deve assicurare che non venga usato lo stesso colore anche per altri tipi di spettacoli o che non vi siano spettacoli sospesi evidenziati con un altro colore.
- La regola definita attraverso i colori deve apparire chiaramente, con il minimo sforzo per l´utente.
- Fare attenzione alle normali convenzioni sui colori (rosso dannoso, giallo pericolo, ecc.).
- Ricordatevi che:
- certi abbinamenti di colori possono far insorgere problemi (di contrasti, di messa a fuoco, ecc.);
- la fedeltà dei colori può variare a seconda dell´hardware utilizzato ( es.: Mac e altri PC);
- la stampa o la conversione su altri media può comportare dei problemi.
Esempi
Esempio di come alcune persone affette da daltonismo vedano le immagini
Verifiche sui colori
Tutte le verifiche possono essere fatte con la
barra dell'accessibilità (versione 2.0) , controllando:
- Colore: Colore > Scala di grigi
per verificare che tutte le informazioni siano veicolate anche in modo alternativo al colore (es. campi obbligatori, segnali di errore,...)
- Contrasti: Colore > Contrast Analyser (applicazione)
tramite l'applicazione che si aprirà, è possibile selezionare colore di sfondo e colore del testo in primo piano. E' necessario che tra i due colori ci sia una sufficiente "Differenza di colore" (vedi l'immagine di esempio)
Linee guida per siti ed applicazioni web della Regione Emilia-Romagna
