Provjera kontrasta boja

Ovo je WCAG provjeravač kontrasta boja koji prikazuje točan omjer kontrasta između boje teksta i boje pozadine te ispunjava li AA i AAA razine pristupačnosti. Odaberite boje uzorkom ili heksadekadskim kodom i vidite pregled uživo.

Prilagodite dvije boje dok značke ne prođu razinu koju trebate, a rezultat se ažurira trenutno kako napredujete.

Tekst koji je po svjetlini preblizu svojoj pozadini teško je ili nemoguće pročitati, osobito za osobe sa slabim vidom ili poremećajima raspoznavanja boja, ili za bilo koga na telefonu pod jakim suncem. Dovoljan kontrast čini vaš sadržaj čitljivim za sve.

Smjernice za pristupačnost web-sadržaja (WCAG) postavljaju standard. AA, razina kojoj većina stranica teži i koju mnogi zakoni o pristupačnosti spominju, zahtijeva omjer 4,5:1 za normalan tekst i 3:1 za velik tekst. AAA je stroža, na 7:1 i 4,5:1.

Velik tekst dobiva niži prag jer veća slova ostaju čitljiva pri manjem kontrastu. Kao velik se računa otprilike od 24 px (18 pt) ili 18,66 px (14 pt) kada je podebljan.

Omjer dolazi iz relativne luminancije dviju boja pomoću službene WCAG formule, dajući vrijednost od 1:1 (bez kontrasta, identične boje) do 21:1 (crno na bijelom).

Sve se izračunava u vašem pregledniku, pa je trenutno i privatno. Ništa što odaberete ne prenosi se nikamo.