WCAG provjera kontrasta za AA i AAA usklađenost teksta
Ova WCAG provjera kontrasta izračunava omjer kontrasta između boje prednjeg plana i pozadinske boje, pa ga uspoređuje sa zahtjevima AA ili AAA za običan ili veliki tekst. Prikaz uživo prikazuje tekst na pozadini radi procjene čitljivosti. Pragovi su 4,5:1 i 3:1 za AA, te 7:1 i 4,5:1 za AAA.
Ova WCAG provjera kontrasta izračunava omjer kontrasta između boje prednjeg plana i pozadinske boje. Ocjenjuje rezultat prema pragovima WCAG AA i AAA za običan i veliki tekst te daje prikaz uživo kako biste vidjeli tekst na pozadini. Upotrijebite je za provjeru kontrasta boja i jasan rezultat pri procjeni čitljivosti.
Odaberite želite li boje ocjenjivati prema kriterijima AA ili AAA te je li tekst običan ili velik. Za AA, traženi omjer kontrasta je 4,5:1 za običan tekst i 3:1 za veliki tekst. Za AAA, pragovi su 7:1 za običan tekst i 4,5:1 za veliki tekst. Provjera izvještava kako se omjer odnosi na odabrani zahtjev.
Boje prednjeg plana i pozadine imaju različite uloge u prikazu: prednji plan je boja teksta, a pozadina je boja iza njega. Provjera para pomaže procijeniti njihov kontrast zajedno, umjesto prosuđivanja svake boje zasebno. Prikaz uživo nudi brzu vizualnu provjeru uz omjer i ocjenu.
Provjera radi u cijelosti u vašem pregledniku, a vaš se unos obrađuje na vašem uređaju; podaci se ne šalju na poslužitelj. Radi izvan mreže čim se stranica učita i besplatna je. Developeri, dizajneri i DevOps inženjeri mogu je koristiti za provjeru kombinacija boja prema WCAG kriterijima i uočavanje problema s kontrastom prije dijeljenja ili objave sučelja.
Korak 1: Unesite boje prednjeg plana i pozadine koje želite provjeriti. To su dvije boje koje provjera uspoređuje.
Korak 2: Odaberite kriterije za ocjenjivanje. Provjera ocjenjuje kontrast prema pragovima AA ili AAA za običan ili veliki tekst.
Korak 3: Pregledajte omjer kontrasta i ocjenu. Rezultat pokazuje zadovoljavaju li odabrane boje odabrane kriterije.
Korak 4: Provjerite prikaz uživo. Gledanje teksta na pozadini pomaže vam na prvi pogled procijeniti čitljivost.
Primjer upotrebe: Provjerite zadovoljava li kombinacija boje prednjeg plana i pozadine traženi WCAG prag kontrasta prije uporabe u sučelju.
Primjer upotrebe: Uočite neuspjelu kombinaciju boja prije nego što stigne do recenzenta ili korisnika, pa je procijenite ranije.
Primjer upotrebe: Dobijte rezultat prolazi/ne prolazi s razlogom, umjesto da se oslanjate samo na omjer kontrasta.
Primjer upotrebe: Prikazom uživo procijenite kako tekst izgleda na pozadini dok provjeravate njegov kontrast.
Primjer upotrebe: Provjerite običan i veliki tekst prema kriterijima AA ili AAA kada trebate procijeniti različite zahtjeve za tekst.
Primjer upotrebe: Potvrdite predloženu kombinaciju boja prema pragovima koje vaš projekt treba slijediti.