Utforma för Färgblindhet — Hur 8 % av Männen Ser Ditt UI

Ungefär 8 % av männen och 0,5 % av kvinnorna har någon form av färgseendedefekt. Om din design använder färgskillnader för att förmedla information — grönt för framgång, rött för fel — kan en betydande del av dina användare inte se skillnaden. Vår simulator visar hur dina färger uppfattas under olika typer av färgblindhet.

Vad är en färgblindhetssimulator?

En färgblindhetssimulator applicerar matematiska färgtransformationer som approximerar hur personer med olika typer av färgseendedefekt uppfattar färger. Den täcker protanopi (inga röda tappar), deuteranopi (inga gröna tappar), tritanopi (inga blå tappar) och deras partiella varianter.

Hur använder du simulatorn?

Ange en färg eller uppsättning färger du vill testa. Välj typen av färgseendedefekt att simulera. Se hur dina originalfärger ser ut under varje tillstånd sida vid sida. Justera dina färgval tills de är urskiljbara under alla simulerade förhållanden.

Bästa praxis

Använd aldrig rött och grönt som enda differentierare — använd rött/blått eller lägg till mönster, ikoner eller etiketter. Testa med deuteranopi först — det är den vanligaste formen och fångar de flesta problem. Använd tillräcklig ljusstyrkekontrast utöver nyansekontrast — även om två färger ser likadana ut i nyans kan olika ljusstyrkenivåer bibehålla urskiljbarhet.