Svetlo sivo besedilo na belem ozadju je lahko na prvi pogled videti elegantno in minimalistično — in je popolnoma neberljivo za uporabnike z okvarami vida, močno sončno svetlobo na zaslonu ali navadno obremenjene oči ob koncu delovnega dne. Barvni kontrast je eno najbolj "tehničnih" meril pri dostopnosti – obstajajo natančne številke, ki jih je treba izpolniti – vendar ga je tudi eno najlažjih za testiranje in popravljanje vnaprej.
Na kratko – kaj zajema ta vodnik
Katera razmerja zahteva WCAG
WCAG opredeljuje kontrastno razmerje kot število med 1:1 (brez kontrasta — enaka barva) in 21:1 (največji možni kontrast — čista črna na čisti beli). Na ravni AA (obvezna raven v večini krajev, vključno z Izraelom) je zahtevano razmerje vsaj 4,5:1 med običajnim besedilom in ozadjem za njim. Na strožji ravni AAA se zahteva dvigne na 7:1.
Zakaj je veliko besedilo dovoljeno manj kontrastno
Veliko besedilo ostane berljivo tudi z nižjim kontrastom, zato WCAG nastavi lažji prag: 3:1 na ravni AA (namesto 4,5:1) in 4,5:1 na ravni AAA (namesto 7:1). »Veliko besedilo« je opredeljeno kot besedilo velikosti 18 točk ali več (približno 24 slikovnih pik) ali 14 točk ali več (približno 18,7 slikovnih pik), če je krepko. Veliki naslovi, na primer, si lahko "privoščijo" nekoliko nižji kontrast kot običajen odstavek telesa in še vedno izpolnjujejo zahtevo.
Kako v praksi preveriti kontrastno razmerje
Ni ga treba izračunati ročno – brezplačna orodja, kot je WebAIM Contrast Checker, vam omogočajo, da vnesete kode barv besedila in ozadja ter takoj dobite natančno razmerje in oceno uspešno/neuspešno za vsako stopnjo. Vredno je preveriti ne le besedilo na trdnem ozadju, temveč tudi besedilo nad slikami ozadja ali prelivi – kjer se lahko kontrast razlikuje med različnimi območji iste slike, zato je najbolje, da preizkusite najbolj "problematično" mesto.
💡 Praktični nasvet
Ne samo besedilo: enaka zahteva po kontrastu (z lažjim pragom, 3:1) velja tudi za grafične komponente uporabniškega vmesnika, kot so obrisi polj obrazcev, funkcijske ikone in obrobe gumbov – ne samo za črke.
Kako vnaprej izbrati dostopno barvno paleto
Najučinkovitejši pristop je preverjanje kontrasta v fazi oblikovanja predloge, ne v vsakem dokumentu posebej. Ko izbirate barve blagovne znamke za naslove, telo besedila in povezave, je vredno vnaprej potrditi, da je vsaka kombinacija besedila in ozadja, ki jo dejansko uporabljate, v razmerju vsaj 4,5:1. Tako vsak nov dokument, ustvarjen iz predloge, samodejno "podeduje" ustrezen kontrast, namesto da bi preverjali vsak dokument posebej, ko je že napisan.
Želite vedeti, ali vaši dokumenti izpolnjujejo zahteve glede kontrasta?
Naše orodje preverja barvni kontrast kot del samodejnega skeniranja vsake datoteke PDF na vašem spletnem mestu.
Brezplačno preglejte svoje spletno mesto ←