This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Kakšne barve kontrast je potreben za besedilo na spletnih straneh?
Običajno besedilo potrebuje kontrastno razmerje vsaj 4,5:1 na ozadje, veliko besedilo – od približno 24 pikslov ali krepko od približno 18,7 pikslov – vsaj 3:1. Ti pragovi izhajajo iz mednarodnega standarda WCAG. Skrbijo, da lahko celo ljudje z nazadujočim vidom berejo vaša besedila – in vsak obiskovalec na sončni svetlobi na njihovih telefonih.
Razmerje kontrasta, razloženo v vsakdanjem jeziku
Razmerje kontrasta opisuje, koliko barve besedila in ozadja se razlikujeta po njihovi svetlosti. Črna na belem doseže največjo vrednost 21:1 in bere brez truda. Modna svetlo siva na belem je pogosto pod 3:1 – za ljudi s starostnim upadom vida se tako besedilo zamegli v sivo območje. Prizadeti niso le slabovidni: stranka, ki išče vaš delovni čas na sončni svetlobi na mobilnem telefonu, tudi zaradi šibkih kontrastov ne uspe. Prag 4,5:1 za običajno besedilo in 3:1 za veliko besedilo je kompromis med ustvarjalno svobodo in zanesljivo berljivostjo, določeno v standardu.
Tako merimo kontrast – tudi na slikah
Osnovna meritev se opravi s sekirnim jedrom: Izračuna kontrastno razmerje med besedilom in barvo ozadja za besedila na vaši strani. Za besedilo na fotografijah ali barvnih gradientih nobeno orodje ne more preprosto prebrati ozadja – tu se naše merilno jedro nadaljuje: Besedilo obrne na kratko nevidno, fotografira lokacijo v brskalniku, izračuna svetlost dejanske pikle v ozadju po pikslih in določi pravi kontrast proti barvi besedila. Tako postane »neodločna« trdna sodba. Vsaka napaka se dokumentira v poročilu z izmerjeno vrednostjo, zahtevanim pragom in dokumentirano sliko zaslona, tako da lahko natančno vidite, kateri prehod je prizadet.
Izboljšati kontrast brez žrtvovanja oblikovanja
Dobri kontrasti ne silijo črno-bele zasnove. Običajno je dovolj, da se barva besedila zatemni za nekaj stopinj – svetlo siv postane srednji antracit, ki izžareva isto držalo in je še berljiv. Za besedilo na fotografijah dokazano ročaji pomagajo: polprozorno temno območje za besedilom, barvni gradient na dnu slike ali prenos besedila na tiho območje slike. Za to vam običajno ni treba spreminjati barv blagovne znamke – to je pogosto dovolj, da jih uporabite za velika ozadja in izberete temnejšo ali lažjo različico iste družine barv za besedilo.
Primeri
Sivo besedilo na belem
body { color: #999999; background: #ffffff; } /* 2,8:1 */body { color: #595959; background: #ffffff; } /* 7,0:1 */Omejitev za običajno besedilo je 4,5:1, za veliko besedilo iz 24 točk 3:1. Vrednost je v poročilu o preskusu glede na referenčno vrednost.
Bele črke na barvi blagovne znamke
.knopf { color: #fff; background: #5aa9ff; } /* 2,5:1 */.knopf { color: #fff; background: #1a5fb4; } /* 6,3:1 */- Najprej preverite sivo besedilo vaše spletne strani – noge, napisi in zapiski so najpogosteje pod pragom.
- Prosite vašo agencijo, da preveri vse barve besedila glede na praga 4.5:1 in 3:1 in dokumentira vrednosti.
- Besedilo postavite na fotografije s polprozorno temno površino, namesto da pustite berljivost na sliki.
- Poglej svojo stran v svetli dnevni svetlobi na telefonu – kaj nagiba tam vedno nagiba za nizkovidne obiskovalce.
- Določite preizkušene barvne kombinacije v vašem priročniku za oblikovanje, tako da jih sprejmejo nove strani.
