Värisokeus
Lataa kuva
Pudota kuva tähän tai lataa napsauttamalla
Värinäön tyyppi
Dikromatia (täydellinen)
Poikkeava trikromatia (osittainen)
Ei värisokeutta – yleisyys: ~92 %
WCAG-kontrastitarkistus
Esimerkkiteksti
Esimerkkiteksti
Alkuperäinen kontrasti
Läpäisee AA (kaikki)
Läpäisee AAA (kaikki)
Näytä kontrasti värisokeustyypeittäin
| Tyyppi | Kontrasti | AA | AAA |
|---|
Värimallien vertailu
Kuvan esikatselu
Alkuperäinen
Normaali värinäkö
Tietoa värisokeudesta
Dikromatia (täydellinen)
- Protanopia: Punaiset tapit puuttuvat – punainen näyttää tummalta ja sekoittuu vihreään ja ruskeaan
- Deuteranopia: Vihreät tapit puuttuvat – yleisin, punaisen ja vihreän sekoittuminen
- Tritanopia: Siniset tapit puuttuvat – harvinainen, sinisen ja keltaisen sekoittuminen
- Akromatopsia: Täydellinen värisokeus – näkee vain harmaasävyt
Poikkeava trikromatia (osittainen)
- Protanomalia: Siirtyneet punaiset tapit – heikentynyt punaisen herkkyys
- Deuteranomalia: Siirtyneet vihreät tapit – yleisin muoto (~5 % miehistä)
- Tritanomalia: Siirtyneet siniset tapit – hyvin harvinainen
Saavutettavan suunnittelun vinkit
- Älä välitä tietoa pelkän värin avulla
- Käytä värin lisäksi kuvioita, muotoja tai tekstiä
- Varmista riittävä kontrasti värien välillä
- Vältä punaisen ja vihreän yhdistelmiä tärkeissä erotteluissa
- Testaa suunnitelmasi värisokeussimulaattoreilla
- WCAG AA vaatii kontrastin 4,5:1 tavalliselle tekstille ja 3:1 suurelle tekstille
- WCAG AAA vaatii kontrastin 7:1 tavalliselle tekstille ja 4,5:1 suurelle tekstille