Preverjevalnik kontrasta
Preverite WCAG kontrastna razmerja barvnih parov z ocenami AA in AAA ter predlogi popravkov.
Preverjevalnik kontrasta
Prilepite pare ospredja in ozadja, po enega na vrstico — #7a1f2b na #ffffff, #333, #eee ali rgb(0, 0, 0) #fff — in kontrastno razmerje WCAG 2 vsakega para se vrne v trenutku, z oceno uspešno ali neuspešno za vsako raven skladnosti. Razmerje se giblje od 1 : 1 (brez kontrasta) do 21 : 1 (črno na belem) in je izračunano iz relativne svetilnosti točno tako, kot je opredeljeno v smernicah, tako da se številke ujemajo z inšpektorji brskalnika in revizijskimi orodji.
WCAG imenuje dve ravni. AA, ki se nanaša na večino zakonov in pogodb, zahteva 4,5 : 1 za običajno besedilo in 3 : 1 za veliko besedilo. AAA, strožji cilj, zahteva 7 : 1 in 4,5 : 1. Besedilo šteje kot veliko od 18 pt (približno 24 px) v navadni teži ali od 14 pt (približno 18,7 px) v krepkem tisku – zato lahko naslov prestane v razmerju, v katerem odstavek ne uspe. Poročilo navaja vse štiri preglede na par; preklopite izhod na Compact za eno vrstico na par, kar je hitrejše branje, ko pometate celotno paleto.
Ko par zgreši AA za običajno besedilo, vklopite »Predlagaj popravek« in orodje zatemni ali posvetli ospredje v majhnih korakih osvetlitve, pri čemer ohrani njegov odtenek, dokler ne doseže 4,5 : 1 — nato natisne najbližji mimoidoči šestnajstišek, pripravljen za lepljenje nazaj v vašo datoteko slogov.
Vse teče v vašem brskalniku; neobjavljene palete blagovnih znamk nikoli ne zapustijo vaše naprave. Barve so lahko 3- ali 6-mestne šestnajstiške z ali brez hasha, rgb() ali rgba() ali običajnega imena CSS - osnovnih 16 in priljubljenih razširjenih. Celoten seznam CSS s 148 imeni namerno ni prenesen, zato zapišite eksotična imena kot šestnajstiški. Črta, ki ni barvni par, se mirno zabeleži, ostalo pa nadaljuje z obdelavo.