Simulatore di daltonismo
Carica un’immagine per vedere come appare a chi ha diversi tipi di deficit della visione dei colori. Tutta l’elaborazione avviene nel tuo browser: l’immagine non viene mai caricata su un server.
Carica la tua immagine
Filtro attivo
Normale
Visione dei colori standard
Vista simulata
L’immagine simulata comparirà qui dopo il caricamento.
Su questo simulatore di daltonismo
Come funziona
Il simulatore usa matrici di trasformazione del colore basate sul lavoro di Machado, Oliveira & Fernandes (2009) per convertire il colore di ogni pixel così come apparirebbe a una persona con ciascun tipo di deficit della visione dei colori. Tutti i calcoli avvengono localmente nel browser tramite l’API Canvas di HTML5.
Chi usa questo strumento
Designer e sviluppatori lo usano per verificare se interfacce, infografiche, grafici o materiali di marketing siano accessibili ai circa 300 milioni di persone nel mondo che convivono con un deficit della visione dei colori. È particolarmente utile per i test di conformità all’accessibilità WCAG.
Protanopia
~1%
Cecità al rosso. Assenza dei coni a onda lunga (L).
Deuteranopia
~1%
Cecità al verde. Assenza dei coni a onda media (M).
Tritanopia
<0.01%
Cecità al blu. Assenza dei coni a onda corta (S).
Acromatopsia
<0.003%
Daltonismo totale. Si vede solo in scala di grigi.
A che cosa serve un simulatore
Un simulatore della visione dei colori è uno strumento di progetto, non di diagnosi. Gli date un’immagine e vi restituisce un’approssimazione di quali distinzioni cromatiche sopravvivano a una data carenza e quali crollino. Il valore sta nei crolli. Se due elementi della vostra interfaccia significano cose diverse e la simulazione li rende dello stesso colore, avete trovato un difetto che riguarda una quota consistente del vostro pubblico.
Vale la pena essere precisi su ciò che l’esito non è. Non è una finestra sull’esperienza soggettiva di nessuno. Chi ha una deuteranomalia congenita vede il mondo così dalla nascita; la sua percezione dei colori è del tutto ordinaria per lui, e in certi compiti di discriminazione supera spesso i tricromati. Presentare una simulazione come ciò che loro vedono è impreciso e, quando inquadra la condizione come una privazione, anche poco utile.
Ciò che la simulazione dice davvero è dove il vostro progetto dipenda da informazioni che una minoranza consistente di utenti non riceve. È un fatto tecnico su cui si può agire.
Il modello dietro la trasformazione
I simulatori ingenui collassano l’immagine sulla retta dei colori che un dicromate può distinguere. Va bene per la dicromia, ma è sbagliato per la tricromia anomala, assai più comune, in cui il cono interessato esiste con sensibilità spettrale spostata e l’informazione cromatica è compressa anziché eliminata.
Questo simulatore segue l’approccio su base fisiologica di Machado, Oliveira e Fernandes, che modella direttamente lo spostamento della sensibilità dei coni. Poiché lo spostamento è un parametro continuo, lo stesso modello copre l’intera gamma, dalla visione normale all’anomalia lieve fino alla dicromia completa, invece di trattarle come casi slegati.
Capire la distinzione cambia il modo di progettare. La deuteranopia, con il cono a lunghezza d’onda media assente, è il caso severo. La deuteranomalia, con quel cono presente ma spostato, è il caso comune, riguarda molte più persone e produce guasti più sottili: colori che restano tecnicamente distinguibili ma non si separano più a colpo d’occhio in un grafico denso o in un piccolo elemento d’interfaccia.
Usare bene l’esito
Caricate un’immagine che porti davvero significato attraverso il colore: un cruscotto, un grafico con legenda cromatica, una mappa, un modulo con stati di errore rossi, uno schema di segnaletica. Confrontate ogni simulazione con l’originale e ponete a ogni distinzione codificata per colore una sola domanda: dice ancora a chi guarda ciò che deve sapere?
Guasti comuni da cercare:
- Indicatori di stato rossi e verdi che diventano la stessa tonalità spenta. È il difetto di accessibilità più diffuso nel software.
- Tavolozze categoriali dei grafici in cui serie adiacenti si fondono, soprattutto tavolozze qualitative scelte per varietà estetica anziché per separazione percettiva.
- Mappe di calore sequenziali che attraversano rosso e verde e perdono l’ordine.
- Collegamenti distinti dal testo solo per colore, che spariscono del tutto.
- Campi obbligatori e stati di errore affidati alla sola cornice rossa.
La correzione non è quasi mai usare altri colori. È aggiungere un secondo indizio non cromatico: un’etichetta testuale, un’icona, una forma, un motivo di riempimento, una posizione, una sottolineatura. Il colore diventa allora rinforzo del significato anziché unico portatore, che è quanto richiede il criterio WCAG sull’uso del colore.
Dove la simulazione smette di essere affidabile
La trasformazione si applica ai valori sRGB della vostra immagine, quindi la sua accuratezza è limitata da quanto fedelmente lo schermo renda l’sRGB e dal fatto che l’immagine di partenza sia stata creata in quello spazio. Materiale a gamut ampio, contenuti HDR e flussi con gestione del colore intensa sposteranno tutti il risultato.
Il modello descrive inoltre carenze congenite. La perdita acquisita della visione dei colori, per glaucoma, retinopatia diabetica, malattie del nervo ottico, cataratta o farmaci, si comporta spesso in modo diverso, colpisce frequentemente i due occhi in misura diseguale ed è di solito accompagnata da un calo di acuità o di sensibilità al contrasto che nessuna trasformazione cromatica coglie.
Infine, ricordate che la simulazione è una lente sola. Dice quali tinte si fondono; non dice nulla su se il vostro testo abbia contrasto di luminanza sufficiente per essere leggibile. Affiancatela al verificatore di contrasto.
Per indicazioni più ampie, vedete progettare per il daltonismo e rendere accessibili i grafici.
Hai domande?
Domande frequenti
Tutto quello che serve sapere sui test del daltonismo, su come funzionano e su cosa fare con il tuo risultato.
È davvero così che vedono le persone daltoniche?
No, e nessun simulatore può esserlo. Una simulazione rende, sul vostro schermo a visione normale, un'approssimazione di quale informazione sopravviva a una carenza. Non può riprodurre l'esperienza soggettiva. Chi nasce con una carenza non ha mai conosciuto l'alternativa, quindi i suoi colori gli sono semplicemente normali: non percepisce il proprio mondo come una versione sbiadita del vostro. Usate l'esito per individuare dove il vostro progetto perde informazione, non per immaginare l'esperienza altrui.
Quale modello usa la simulazione?
Segue l'approccio su base fisiologica descritto da Machado, Oliveira e Fernandes, che modella lo spostamento della sensibilità spettrale del cono interessato anziché limitarsi a proiettare i colori su una retta. La distinzione conta per la tricromia anomala, protanomalia e deuteranomalia, in cui il cono è presente ma spostato e la gravità varia con continuità.
Perché dicromia e tricromia anomala appaiono così diverse?
Perché sono condizioni diverse. Nella dicromia una classe di coni manca del tutto, quindi l'informazione cromatica di quell'asse scompare davvero e la simulazione la collassa. Nella tricromia anomala il cono esiste con il picco spostato, quindi l'informazione è compressa anziché perduta. La tricromia anomala è assai più comune, per cui progettare solo sulla simulazione dicromatica esagera il problema in certi punti e lo sottovaluta in altri.
Il mio grafico resta leggibile nella simulazione. Ho finito?
Non del tutto. Una simulazione verifica se le tinte restano distinguibili, ma non verifica i rapporti di contrasto e non intercetta i casi in cui il colore è l'unico indizio che porta significato. Eseguite anche il verificatore di contrasto e accertatevi che ogni distinzione codificata per colore abbia un secondo indizio: etichetta, motivo, forma o posizione.
Il simulatore carica la mia immagine?
No. La trasformazione avviene interamente nel vostro browser tramite un elemento canvas. L'immagine non lascia mai il vostro dispositivo e non viene mai inviata a un server.
Rispetto a quale tipo devo progettare?
Verificate prima la deuteranomalia, poiché le carenze deutan sono di gran lunga le più comuni, poi la deuteranopia come caso più severo. Aggiungete la tritanopia se la vostra tavolozza si affida a distinzioni blu-giallo. Un progetto che sopravvive a deuteranopia e tritanopia con il significato intatto sopravvive di norma anche alle forme più lievi.
Hai ancora domande? Scrivici →