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
TyyppiKontrastiAAAAA

Värimallien vertailu

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