Simulatore di daltonismo

Come usare il simulatore di daltonismo

1. 1. Carica un'immagine. Usa Scegli file per un PNG, JPEG, GIF, WebP o SVG, oppure prova l'immagine di esempio integrata, che contiene una sequenza di tonalità, gli otto colori di Okabe–Ito e una tavolozza rosso–giallo–verde. Le immagini grandi vengono ridotte a 900 pixel sul lato lungo.
2. 2. Scegli le viste. Protanopia, deuteranopia, tritanopia e acromatopsia sono attive per impostazione predefinita. Disattiva quelle che non ti servono.
3. 3. Imposta la gravità. Al 100% lo strumento simula la dicromazia (un tipo di cono è assente). I valori più bassi simulano la tricromazia anomala, in cui quel tipo di cono è solo indebolito.
4. 4. Confronta e salva. Ogni pannello si trova accanto all'originale. Scarica un pannello come PNG, oppure scarica tutto come un'unica immagine con le etichette, da incollare in un rapporto o condividere con un coautore.

Che cosa mostra ciascuna vista

• Protanopia e protanomalia — assenza o debolezza dei coni a lunga lunghezza d'onda (L, «rosso»). I rossi appaiono scuri e tendono al marrone o all'oliva; rosso e verde si confondono.
• Deuteranopia e deuteranomalia — assenza o debolezza dei coni a media lunghezza d'onda (M, «verde»). Rosso e verde si confondono, ma i rossi non si scuriscono quanto nella protanopia. La deuteranomalia è la forma più comune.
• Tritanopia e tritanomalia — assenza o debolezza dei coni a corta lunghezza d'onda (S, «blu»). Blu e verde si sfumano l'uno nell'altro, e giallo e rosa si confondono. È rara.
• Acromatopsia — nessuna funzione cromatica utilizzabile, quindi il mondo appare in tonalità di grigio. Lo strumento la disegna come luminanza relativa, che non fa parte del modello di Machado (vedi sotto).

Secondo il National Eye Institute statunitense, circa 1 uomo su 12 ha un deficit della visione dei colori, e le donne molto meno: in un'aula o tra i revisori di un articolo, è probabile che qualcuno ne sia colpito. La carenza rosso–verde è di gran lunga il tipo più comune.

Come funziona la simulazione

Lo strumento usa le matrici pubblicate con Machado, G. M., Oliveira, M. M., & Fernandes, L. A. F. (2009), “A physiologically-based model for simulation of color vision deficiency,” IEEE Transactions on Visualization and Computer Graphics, 15(6), 1291–1298. Gli autori forniscono una matrice 3 × 3 per ciascun tipo e per ciascuna gravità da 0,0 a 1,0 con passi di 0,1; il cursore percorre quella tabella e interpola tra le righe per i valori intermedi.

1. Il valore sRGB di ogni pixel viene convertito in luce lineare (la curva gamma inversa).
2. Il vettore RGB lineare viene moltiplicato per la matrice del tipo e della gravità scelti.
3. Il risultato viene limitato all'intervallo 0–1 e di nuovo codificato con la gamma.
4. Il canale alfa resta invariato. I grigi e il bianco non cambiano, perché ogni riga di ogni matrice somma a 1.

Che cosa la simulazione non può dirti

• È un modello, non una persona. La visione reale varia all'interno di ciascun tipo, e il modello copre solo la risposta dei coni, non l'adattamento del cervello né il contesto.
• L'acromatopsia è un'approssimazione. Il modello di Machado non ha una matrice per essa. Qui viene mostrata in grigio con la luminanza relativa WCAG Y = 0,2126 R + 0,7152 G + 0,0722 B. La condizione di solito comporta anche una scarsa acuità visiva e una sensibilità alla luce, che non sono simulate.
• Lo schermo conta. I pixel del canvas vengono letti come sRGB. Un display a gamma ampia o un filtro notturno cambiano ciò che vedi; il file simulato in sé è fedele al modello.
• La maggior parte delle persone con deficit della visione dei colori vede comunque i colori. La dicromazia è l'estremo di ciascuno spettro. Molte persone hanno deficit lievi, che il cursore della gravità approssima.

Progettare figure che reggono

• Non affidarti solo alla tinta. Aggiungi etichette dirette, marcatori, tratteggi o motivi, così ogni categoria ha un secondo indizio.
• Varia la luminosità. Se due colori sembrano uguali nella vista dell'acromatopsia, saranno anche difficili da distinguere stampati in bianco e nero.
• Evita il rosso contro il verde — e il blu contro il viola, o il verde contro il marrone — come unica differenza tra due serie.
• Parti da una tavolozza sicura. La tavolozza di Okabe–Ito usata dai creatori di grafici di questo sito è stata progettata proprio per questo. Per le mappe di calore, viridis, cividis e gli schemi sequenziali di ColorBrewer reggono bene; il Creatore di mappe di calore li offre.
• Controlla anche il contrasto. Una coppia che passa il test del colore può comunque non raggiungere il 3:1 WCAG per la grafica — usa il Verificatore di contrasto dei colori.

Domande frequenti

La mia immagine viene caricata su un server?

No. Il file viene aperto dal tuo browser, disegnato su un canvas in questa pagina ed elaborato lì. Non viene inviato nulla in rete e nulla viene conservato dopo che chiudi o ricarichi la pagina.

Qual è la differenza tra protanopia e deuteranopia?

La protanopia è l'assenza dei coni a lunga lunghezza d'onda (rossi); la deuteranopia è l'assenza dei coni a media lunghezza d'onda (verdi). Entrambe rendono difficile distinguere rosso e verde, ma nella protanopia anche i rossi appaiono molto più scuri. In molte figure possono sembrare simili, ed è per questo che le tavolozze che correggono l'una di solito correggono anche l'altra.

Quale tipo di daltonismo è il più comune?

La carenza rosso–verde, soprattutto la deuteranomalia (coni verdi deboli), rappresenta la grande maggioranza dei casi. I deficit del tritano e l'acromatopsia completa sono rari.

A che cosa serve il cursore della gravità?

Al 100% lo strumento simula la dicromazia, in cui manca un tipo di cono. A valori più bassi usa le matrici di Machado per la tricromazia anomala (protanomalia, deuteranomalia, tritanomalia), in cui il cono risponde ma è spostato. Allo 0% l'immagine resta invariata. L'acromatopsia ignora il cursore.

Come rendo un grafico adatto ai daltonici?

Usa una tavolozza pensata per questo, come Okabe–Ito per le categorie o viridis per i dati continui, e aggiungi un secondo indizio oltre al colore: etichette, marcatori, tratteggi o motivi. Poi verifica qui il risultato: se ogni serie e ogni categoria restano distinguibili in tutte e quattro le viste, il grafico è robusto.

È lo stesso modo in cui vede una persona daltonica?

È una buona approssimazione per le verifiche di design, non una replica. Persone con la stessa diagnosi differiscono tra loro, e il modello lavora solo sulle risposte dei coni. Consideralo un modo per individuare i problemi in anticipo; se una figura è importante, chiedi a chi ha la condizione.