Kako daltonisti vide vašu stranicu? Mogu li čitati tekst i linkove?

Iako odavno znam da daltonisti ne vide zelenu i crvenu boju ispravno, moram priznati da o tome uopće nisam razmišljala kada sam dizajnirala svoju stranicu. Naletivši nekidan na jedan članak o tome, prvo me načas zapekla savjest jer je moja stranica sva baš u  zelenoj i crvenoj boji. A onda sam se zapitala vide li oni uopće moje linkove i tekst ??

Prosurfala sam malo netom u potrazi za nekim generatorom ili mjestom gdje bi mogla to nekako provjeriti i imala sam sreću !

Vischeck je online generator na koji uploadamo sliku, odaberemo jednu od tri vrste daltonizma i pogledamo kako tu sliku vide ljudi slijepi na određene boje.

originalna slika mog headera

Deuteranope (a form of red/green color deficit)

Protanope (another form of red/green color deficit)

Tritanope (a blue/yellow deficit- very rare)

No, to nije sve, na istoj stranici postoji još jedan generator za provjeru, pa sam na njemu provjerila kako se vide linkovi na mojoj stranici:

Daltonize

Usput sam naravno, provjerila i Kroativ net 🙂

originalna slika našeg headera

kako je vide neki daltonisti

..a neki je vide i ovako.

Iako je moja stranica izrađena baš u bojama koje daltonisti dobro ne vide, zapravo je ispala odlično. Svi linkovi kao i tekst su normalno čitljivi i to je najvažnije, a što se tiče boja – neki je vide u lijepim sepia tonovima, neki lila, a neki pink i to je čisto u redu, puno lošije na primjer, izgleda google 😀

Google

BLJUGL 😛

Znači, treba definitivno izbjegavati npr. crveni tekst na zelenoj ili žutoj podlozi jer te tri boje daltonisti vide kao istu boju.

Jedan tip za početnike:

Kada smo već kod problema sa vidom, treba imati milosti i prema svim kratkovidnim i dalekovidnim ljudima (a to su skoro svi preko 40-te) i izbjegavati veličine fonta ispod 12 px. I to je mnogima sitno, pa će u svakom novom prozoru prvo lupiti “ctrl + ” da povećaju font.

Ukoliko veličinu fonta odredimo u pixelima , font se neće moći povećati na taj način. Zbog toga se preporuča veličinu fonta određivati u em-jedinicama. Odnos px – em možemo vidjeti i izračunati pomoću px-em calculator-a.

Da bismo lakše pretvorili pixele u em jedinice koristimo slijedeći css trik:

body{font-size: 62.5%;}

#div {font-size: 1.2em;}

Veličina fonta u nekom divu sada će biti 12px. (1.4 em = 14px itd )

Sva sreća, web 2.0 dizajn je trend sa većim fontovima, većim razmacima i većim slikama. Budite u trendu, čitaoci će vam biti zahvalni.