Provjera kontrasta
Provjerite WCAG omjere kontrasta parova boja, s AA i AAA ocjenama i prijedlozima za popravke.
Provjera kontrasta
Zalijepite parove prednjeg i pozadinskog plana, jedan po retku — #7a1f2b na #ffffff, #333, #eee ili rgb(0, 0, 0) #fff — i omjer kontrasta WCAG 2 svakog para vraća se odmah, s ocjenom prolaznosti ili nedovoljnosti za svaku razinu usklađenosti. Omjer se kreće od 1 : 1 (uopće nema kontrasta) do 21 : 1 (crno na bijelom) i izračunava se iz relativne svjetline točno onako kako je definirano u smjernicama, tako da se brojke slažu s inspektorima preglednika i alatima za reviziju.
WCAG naziva dvije razine. AA, referenca u većini zakona i ugovora, zahtijeva 4,5 : 1 za normalan tekst i 3 : 1 za veliki tekst. AAA, stroži cilj, traži 7 : 1 i 4,5 : 1. Tekst se računa kao velik od 18 pt (oko 24 px) u normalnoj težini ili od 14 pt (oko 18,7 px) podebljano — zato naslov može proći u omjeru u kojem paragraf ne prolazi. Izvješće navodi sve četiri provjere po paru; prebacite izlaz na Compact za jednu liniju po paru, što je brže čitanje kada brišete cijelu paletu.
Kada paru nedostaje AA za normalni tekst, uključite "Predloži popravak" i alat će potamniti ili posvijetliti prednji plan u malim koracima svjetline, zadržavajući njegovu nijansu, dok ne dosegne 4,5 : 1 — zatim ispisuje najbliži prolazni heks spreman za ponovno lijepljenje u vašu tablicu stilova.
Sve radi u vašem pregledniku; neobjavljene palete robnih marki nikada ne napuštaju vaš uređaj. Boje mogu biti hex s 3 ili 6 znamenki sa ili bez hasha, rgb() ili rgba() ili uobičajenog CSS naziva — osnovnih 16 plus popularnih proširenih. Potpuni CSS popis od 148 imena namjerno nije prenesen, stoga egzotična imena napišite u hex. Crta koja nije par boja mirno se bilježi, a ostatak se nastavlja s obradom.