O ovom alatu
Provjerite omjere kontrasta boja između teksta u prednjem planu i boja pozadine u skladu sa smjernicama za pristupačnost WCAG 2.1. Unesite boje kao heksadecimalne kodove, RGB vrijednosti ili HSL vrijednosti i odmah pogledajte omjer kontrasta zajedno s rezultatima prolaznosti/padljivosti za usklađenost s WCAG AA i AAA za normalnu i veliku veličinu teksta.
Često postavljana pitanja
- Koji je omjer kontrasta potreban za usklađenost s WCAG?
- WCAG AA zahtijeva 4,5:1 za normalan tekst i 3:1 za veliki tekst (18pt+ ili 14pt+ bold). WCAG AAA zahtijeva 7:1 za normalan tekst i 4,5:1 za veliki tekst. Maksimalni mogući omjer je 21:1 (crno na bijelo).
- Zašto je bitan kontrast boja?
- Dovoljan kontrast osigurava čitljivost teksta za slabovidne korisnike, daltoniste ili one koji ekrane gledaju na jakom suncu. To je također zakonski uvjet prema ADA i EU propisima o pristupačnosti za mnoge web stranice.
- Što se u WCAG-u smatra 'velikim tekstom'?
- Veliki tekst je definiran kao 18 pt (24 px) i više za normalnu težinu ili 14 pt (18,66 px) i više za podebljani tekst. Veliki tekst ima manje zahtjeve za kontrastom jer je sam po sebi lakši za čitanje.
- Provjerava li ovaj alat kontrast za netekstualne elemente?
- WCAG 2.1 zahtijeva omjer kontrasta 3:1 za UI komponente i grafičke objekte (gumbi, ikone, polja obrazaca). Možete koristiti ovaj alat i za njihovu provjeru — samo unesite boju komponente i pozadinu.