Nezadostna razlika med besedilom in ozadjem je ena od težav, ki se najpogosteje pojavlja pri pregledih dostopnosti in hkrati ena od napak, ki se je najlažje izogniti. Do napake pride, kadar je svetlosiva besedila na belem ozadju, kadar so gumbi vidni le zaradi subtilne spremembe barve ali kadar besedilo iz rezervnega polja služi kot edini namig, kaj je treba vnesti. Za ljudi z vizualno oviro, pa tudi za vse tiste, ki uporabljajo zaslon v svetlem sončnem dnevu, je besedilo dobesedno nečitljivo.
WCAG 2.1, norma, na katero se sklicuje EN 301 549, predpisuje za raven AA najmanjše razmerje kontrasta med besedilom in ozadjem, na katerem se pojavi: običajno 4,5 proti 1 za navadno besedilo in 3 proti 1 za veliko besedilo in za elemente upravljanja, kot so gumbi in robovi obrazcev. To se sliši tehnično, vendar je temeljno razmišljanje preprosto: kontrast ni estetska izbira, to je pogoj za prenos informacij.
Kje v praksi pride do napake
Probleme s kontrastom redko nastanejo namerno. Slujejo se skozi izbire korporativne identitete, ki izgleda dobro na veliki, ostri zaslonu v oblikovalski pisarni, vendar na povprečnem zaslonu povprečnega uporabnika malo padejo pod normo. Svetlosiva besedila gumba na pastelno obarvnem ozadju je klasičen primer. Enako velja za povezave, ki so prepoznavne le po spremembi barve, brez podčrtavanja ali drugega vizualnega signala, zato jih ljudje z barvno slepoto preprosto ne vidijo kot klikljive.
Drugi pogost vzorec je stanje miške: gumb, ki je v mirovanju popolnoma primeren, vendar se pri premikanju miške spremeni v kombinacijo barv, ki ni bila testirana. Tudi sporočila o napakah v obrazcih so pogosta napaka: rdeče besedilo na svetlerdečem ozadju je skladna s korporativno identiteto, vendar pogosto ne doseže zahtevanega razmerja. Tisti, ki je radovednemu, kako so videti te vrste težav v lastnem okolju, lahko to v nekaj vprašanjih vidi, kje je vaše spletno mesto brez da bi za to najprej potreboval račun.
Zakaj avtomatski pregled to delno, vendar ne v celoti rešuje
Razmerja kontrasta je mogoče dobro avtomatsko meriti: skener prebere vrednosti barv besedila in ozadja ter izračuna razmerje. To je eden od redkih meril WCAG, ki jo lahko orodje zanesljivo preverja. Kar pregled ne vidi, je kontrast, ki se pojavi šele po interakciji, kot je razširljiv meni, namig, ki se pojavi pri žarišču, ali stanje, ki je vidno le po dejanju uporabnika. To je natančno razlog, zakaj vsako poročilo navaja, kateri del je samodejno testiran in kateri del zahteva ročno oceno; kontrast je trdna točka avtomatskega testiranja, vendar ne celotna slika.
Kako se mu izognete na strukturni ravni
Najbolj pogost način, da se tej težavi trajno izognete, je, da kontrast določite na ravni oblikovalskega sistema namesto na posamezni strani. Ko so osnovne barve korporativne identitete že pri opredelitvi testirane glede na normo, urejevalec ali razvijalec tega ne mora vsakič preverjati. To tudi preprečuje, da nova stran, začasni pasovec ali zunaj nabavljeni pripomoček razmerje kontrasta neopaženo ne pokvari.
Priporočljivo je tudi, da kontrast eksplicitno vključite pri vsakem vizualnem spremembi spletnega mesta, ne le pri prvotni izročitvi. Posodobitev korporativne identitete, nova sezonska tema ali spremenjen slog gumba lahko uvedeta problem, ki ga prejšnja različica ni imela. Dostopnost v tem smislu ni kljukica, ki jo enkrat postavljate, ampak vprašanje pozornosti, ki ga spremlja pri vzdrževanju. Več o tem, kako taka tekoča kontrola v praksi deluje, preberite na razlago, od koder prihaja ocena.
Na koncu se splača ne samo gledar minimalni standard, temveč namen za njim: ali lahko vsakdo, tudi v manj idealni svetlobni situaciji ali na starejšem zaslonu, besedilo in gumbe dejansko razlikuje. Pogosta vprašanja in dvomi, kot je na primer ali logotip ali okrasna slika morajo tudi ustrezati zahtevam za kontrast, so razdelani na strani s odgovori na vprašanja, ki se pogosteje pojavljajo.
Želite vedeti, ali se kontrast in druga ponavljajoča se težavna mesta pojavljajo tudi v vašem lastnem okolju? Brezplačni hitri pregled vam daje prvo nakazilo, in baza znanja s temami, razdeljenimi po situaciji, kaže, kako je to vprašanje povezano s preostalimi obveznostmi glede European Accessibility Act.