Linee Guida

Il colore non deve mai essere l’unico mezzo di informazione

Il colore è un ottimo modo per evidenziare informazioni importanti, ma non deve essere l’unico mezzo per comunicarle. Le informazioni importanti devono essere sempre presentate anche tramite testo, icone, simboli o altri elementi visivi.

I colori vengono spesso utilizzati per indicare informazioni importanti, avvisi, stati o azioni. Se il significato viene comunicato esclusivamente attraverso il colore, alcuni utenti potrebbero non essere in grado di percepirlo o comprenderlo correttamente.

Con ulteriori indicazioni visive garantiamo che le informazioni siano comprensibili anche alle persone con daltonismo e a tutti gli utenti in situazioni in cui distinguere i colori risulta più difficile.

Per quali utenti è particolarmente importante?

Le informazioni importanti che non vengono presentate esclusivamente attraverso il colore sono fondamentali per:

  • persone con daltonismo,
  • persone ipovedenti,
  • persone con disabilità cognitive,
  • utenti anziani.

Questo tipo di indicazione è utile anche per gli altri utenti, poiché consente di comprendere più rapidamente i contenuti e riduce la possibilità di non notare informazioni importanti a causa di condizioni di illuminazione sfavorevoli, schermi di qualità inferiore o altre circostanze.

Problemi frequenti

Un’informazione importante è indicata esclusivamente tramite il colore

Pratica scorretta: I giorni di apertura sono indicati in verde e quelli di chiusura in rosso. Non vi sono altre differenze tra loro.
Calendario in cui i giorni di apertura e chiusura della galleria sono indicati esclusivamente con colori diversi.
Visualizzazione del calendario così come può apparire a una persona con daltonismo, in cui i giorni di apertura e chiusura della galleria si distinguono esclusivamente tramite colori diversi.
Buone pratiche: Oltre al colore utilizziamo anche un simbolo, un’icona o un testo che comunichi chiaramente il significato dell’informazione.

Esempio: La galleria è aperta il lunedì, giovedì, venerdì e sabato. Il martedì, mercoledì e domenica è chiusa.

Gli errori nei moduli sono indicati esclusivamente in rosso

Pratica scorretta: Il campo è evidenziato con un bordo rosso, ma l’utente non riceve alcuna spiegazione su quale sia l’errore e su come correggerlo.
Modulo in cui l’errore è indicato esclusivamente dal bordo colorato del campo di inserimento.
Buone pratiche: Oltre al bordo rosso, mostriamo anche un testo chiaro che descrive l’errore e indica all’utente come correggerlo.

Esempio di messaggio di errore: »Inserisci un indirizzo e-mail valido.«

 

Modulo in cui l’errore, oltre al campo di inserimento evidenziato in rosso, è indicato anche con un’icona e un chiaro messaggio testuale.

Maggiori informazioni sulla corretta comunicazione degli errori (si apre in una nuova finestra)

I collegamenti si distinguono dal testo esclusivamente per il colore

Pratica scorretta: Il collegamento non è sottolineato e si distingue dal testo normale esclusivamente per il colore blu, che presenta un contrasto insufficiente rispetto al testo circostante.
Il collegamento nel testo è indicato esclusivamente in blu e, a causa della somiglianza con il testo circostante, risulta difficile da riconoscere.
Buone pratiche: Oltre al colore, i collegamenti sono anche sottolineati, rendendoli più facili da riconoscere per gli utenti.
Buone pratiche: Se un collegamento si distingue esclusivamente per il colore, deve avere un rapporto di contrasto di almeno 3:1 rispetto al testo circostante.
Oltre al colore blu, il collegamento è anche sottolineato, rendendolo più facilmente riconoscibile come collegamento.

Maggiori informazioni sul contrasto adeguato e sull’uso del colore (si apre in una nuova finestra)

Collegamento con le linee guida per l’accessibilità (WCAG)

L’ambito relativo all’uso del colore riguarda principalmente il seguente criterio di successo WCAG:

  • 1.4.1 Uso del colore

Un uso appropriato del colore migliora la comprensibilità dei contenuti per le persone con alterazioni della percezione dei colori e garantisce che le informazioni importanti non vengano trascurate neppure dagli utenti in condizioni più difficili, come durante l’utilizzo di un telefono cellulare alla luce del sole o su schermi di qualità inferiore.