Simulatore di daltonismo: testa uno screenshot o una palette in 8 tipi di visione | We.Inc
Guarda uno screenshot o una palette di colori attraverso otto tipi di discromatopsia, affiancati. Segnala le coppie di colori che diventano difficili da distinguere e suggerisce una tonalità più sicura. Funziona nel tuo browser.
Un simulatore di daltonismo ridisegna i colori come li vedono le persone con un tipo di cono assente o debole. Carica uno screenshot o incolla la tua palette per vederla in otto tipi di visione contemporaneamente. Lo strumento segnala anche le coppie di colori che per la maggior parte delle persone sono distinte ma per altre si confondono, e suggerisce una sostituzione più chiara o più scura.
I principali tipi di discromatopsia
Tipo
Cosa cambia
Confusioni comuni
Deuteranomalia e deuteranopia
Coni verdi deboli o assenti
Rosso e verde, marrone e verde, blu e viola
Protanomalia e protanopia
Coni rossi deboli o assenti; i rossi appaiono più scuri
Rosso e verde, rosso e nero
Tritanomalia e tritanopia
Coni blu deboli o assenti (rara)
Blu e verde, giallo e rosa
Acromatopsia
Nessun cono funzionante (molto rara)
Tutto tranne la luminosità
Due modi per iniziare: trascina uno screenshot di una pagina, di un grafico o di un design, oppure incolla un elenco di colori hex. Ogni simulazione gira nel tuo browser e nulla viene caricato online.
Trascina o scegli uno screenshot (PNG, JPG o WebP), oppure incolla colori hex uno per riga o separati da virgole.
L'immagine o la palette viene ridisegnata otto volte, una per tipo di visione, usando un modello pubblicato di come rispondono i coni.
Per le palette, ogni coppia viene confrontata in ciascuna simulazione. Le coppie la cui differenza scende sotto una piccola soglia vengono segnalate.
Ogni coppia segnalata ha una sostituzione suggerita: il secondo colore reso più chiaro o più scuro finché non torna a distinguersi.
Non lasciare mai che il colore sia l'unico segnale. Aggiungi anche un'etichetta, un'icona, un motivo o una posizione, che è proprio ciò che chiede il criterio di successo WCAG 1.4.1.
Il contrasto di luminosità resiste a ogni tipo di daltonismo. Un rosso scuro accanto a un verde chiaro resta leggibile; un rosso medio accanto a un verde medio no.
Nei grafici, etichetta direttamente le linee o varia lo stile delle linee, e scegli palette che cambiano in luminosità oltre che in tinta.
Gli stati di errore nei form dovrebbero avere un'icona e un testo, non solo un bordo rosso.
Domande frequenti
Quanto è diffuso il daltonismo?
Secondo il National Eye Institute statunitense, il daltonismo rosso-verde è la forma più comune ed è molto più frequente negli uomini che nelle donne. Tra le persone di origine nordeuropea colpisce fino a circa 1 uomo su 12 e 1 donna su 200. I tipi blu-giallo e il daltonismo completo sono rari.
Quanto è accurata la simulazione?
Usa il modello di Machado, Oliveira e Fernandes, molto diffuso e apprezzato, a piena intensità per i tipi in -opia e a intensità moderata per i tipi in -anomalia. Le persone reali variano: due persone con la stessa diagnosi possono vedere in modo un po' diverso, e anche schermi e illuminazione cambiano le cose. Consideralo una guida affidabile, non una diagnosi.
Posso controllare un sito online tramite il suo URL?
Non da questa pagina. I browser non permettono a un sito di caricare e leggere i pixel di un altro sito. Fai uno screenshot della pagina (sulla maggior parte dei sistemi Shift + Cmd + 4 su Mac o Win + Shift + S su Windows) e trascinalo qui.
Superare un verificatore di contrasto significa che i miei colori sono sicuri per i daltonici?
Non del tutto. I verificatori di contrasto confrontano la luminosità tra testo e sfondo, il che aiuta tutti. Ma due colori di un grafico o due colori di stato possono superare ciascuno il test sul bianco e sembrare comunque uguali a chi ha la deuteranopia. Controlla le coppie di colori che devono essere distinte, che è ciò che fa qui il controllo della palette.
Perché rosso e verde causano la maggior parte dei problemi
I coni rossi e verdi dell'occhio rispondono a intervalli di luce che si sovrappongono. Quando uno dei due manca o è spostato, il cervello perde gran parte della differenza tra rossi, arancioni, gialli e verdi, e quei colori si allineano su un'unica scala dallo scuro al chiaro.
Ecco perché i colori di stato a semaforo, le linee rosse e verdi dei grafici e i badge di successo o errore sono i problemi più frequenti. Affida il significato a una parola o a un'icona e fai in modo che i due colori differiscano in luminosità.
Come funziona il controllo delle coppie
Ogni colore viene convertito in OKLab, uno spazio colore progettato perché distanze uguali appaiano più o meno ugualmente diverse. Lo strumento misura la distanza tra ogni coppia prima e dopo la simulazione. Una coppia che normalmente è ben distinta ma in una simulazione scende sotto la soglia viene segnalata.
La soglia è una scelta di giudizio pensata per piccole aree piatte come linee dei grafici, campioni della legenda e badge. I grandi blocchi di colore sono più facili da distinguere, quindi una coppia segnalata può andare bene per due sezioni a tutta larghezza.
Visione tipica
Tutti e tre i tipi di cono funzionano.
Protanopia
Nessun cono rosso. I rossi appaiono scuri e vicini ai verdi.
Protanomalia
Coni rossi deboli. Una confusione rosso-verde più lieve.
Deuteranopia
Nessun cono verde. Rosso e verde sembrano uguali.
Deuteranomalia
Coni verdi deboli. Il tipo più comune.
Tritanopia
Nessun cono blu. Si confondono blu e verde, giallo e rosa.
Tritanomalia
Coni blu deboli. Una confusione blu-giallo più lieve.
Acromatopsia
Nessuna visione dei colori. Resta solo la luminosità.
Acromatomalia
Visione dei colori fortemente ridotta.
Scegli un file immagine.
Non è stato possibile leggere l'immagine.
Trascina qui uno screenshot o clicca per sceglierne uno. Resta sul tuo dispositivo.