Valitusta kontrastista

Käytettävyys, maanantaina 10.5.2004,

Jos pitäisi nimetä yksi asia, joka löytyy yli 90 prosentista niin kutsutuista design-sivustoista, sanoisin sen olevan tekstin huono kontrasti. Jos saisi nimetä kaksi, olisi toinen tekstin pieni koko. Mutta askel kerrallaan.

Jeffrey Zeldman on uusinut sivujensa ulkoasun muodikkaampaan ja modernimpaan suuntaan jättäen entisen oranssin sävyn taakseen. Uutena suuntauksena on hailakka teksti hieman vaaleammalla taustalla. Tekijä on itsekin ymmärtänyt luettavuuden vaikeuden ainakin jossain määrin ja tehnyt kontrastisäätimen (hakasuluissa omat kommenttini):

Choose default setting. […] If you enjoy the eye-pleasing [and head-aching], low-contrast goodness [or badness] of this site just the way it is, you can this leave this page right now.

Increase contrast. If your laptop's screen makes it hard to read this site, or if you simply prefer more contrast, this setting is for you.

Zeldman's Contrast-o-Meter

Minkäköhänlaisella huippunäytöllä herra Zeldman itse sivujaan lukee, kun pitää taustaan uppoavaa tekstiä sopivana useimmille näytöille. Ai niin, unohdin, eihän hän lue tietenkään omaa blogiaan. Sen tekevät muut. Nestekidenäytöille tarkoitettu suurempi kontrastitaso antaa luettavuudelle vain tekohengitystä. Sävyn olisi pitänyt olla selvästi tummempi, jotta siitä olisi hyötyä. Eikä sivujen ulkoasu olisi kärsinyt. Paras kohta tulee kuitenkin seuraavaksi:

The default setting is considered the design. When taking screen captures of this site for print, web, or TV publication, please use the default setting.

Sama

Suunnittelijat ovat niin itsekeskeisiä. On totta, että haalea pastellinsävyinen teksti sopii sivujen yleisilmeeseen, niin kauan kuin tekstiä ei joudu lukemaan. Zeldmaninkin sivut näyttävät varsin kauniilta, kun niitä katsoo matkan päästä. Netin — ja blogin — tarkoitus on kuitenkin tekstin tarjoaminen lukijalle. Tekstin avulla pystyy välittämään aktuellia ja täsmällistä tietoa selvästi dekoratiivisia elementtejä ja ulkoasua paremmin.

Tilanteen pystyisi korjaamaan RSS-lukijan avulla, jolla itsekin sivun otsikot selaan. Mutta, mutta...eipä ole Zeldman laittanut RSS-virtaan koko tekstiä vain vaan alun. Kariutui tämäkin lähestymistapa.

Onneksi tilanteen herraksi pääsee sivun body-elementin id-attribuutin löydettyään, jonka avulla tekstin väriä pystyy tummentamaan haluamakseen. Seuraava merkintä käyttäjän omassa tyylitiedostossa pelastaa kaiken:

body#home p { color: black !important; }

Eikä tuo musta niin huonolta sivun yleisilmeessä näytä.

Valitus loppuu.