Operativno
Provjera kontrasta boja
Oglas
Preview
Normal Text (16px)
Large Text (24px)
Contrast Ratio
21.00:1
WCAG Compliance
Normal Text
✓
AA Pass
✓
AAA Pass
Large Text (18pt+ or 14pt+ bold)
✓
AA Pass
✓
AAA Pass
UI Components & Graphics
✓
AA Pass
WCAG Standards
Normal Text
- AA: 4.5:1 minimum
- AAA: 7:1 minimum
Large Text
- AA: 3:1 minimum
- AAA: 4.5:1 minimum
UI Components
- AA: 3:1 minimum
Common Combinations
Black on White
White on Blue
White on Dark Gray
U nastavku unesite svoje kombinacije boja kako biste ih testirali pomoću našeg alata za provjeru kontrasta boja i odmah vidjeli ispunjavaju li standarde pristupačnosti.
Kako funkcionira naš alat za provjeru kontrasta boja
Unesite boje prednjeg plana i pozadine koristeći RGB heksadecimalne vrijednosti ili ih odaberite izravno pomoću Birača boja.
- Podesite Alpha da promijenite koliko je transparentna boja prednjeg plana.
- Koristite klizač Svjetloća kako bi boja izgledala svjetlije ili tamnije.
Naš alat zatim izračunava omjer kontrasta i provjerava ga prema WCAG smjernicama:
- WCAG 2.0 Razina AA
- Najmanje 4,5:1 za normalan tekst
- Najmanje 3:1 za veliki tekst
- WCAG 2.1 (UI i grafika)
- Najmanje 3:1 za ikone, obrube i druge komponente sučelja
- WCAG razina AAA
- Najmanje 7:1 za normalan tekst
- Najmanje 4,5:1 za veliki tekst
Veliki tekst znači ili:
- 14 pt (oko 18,66 px) i podebljano, ili
- 18 pt (oko px) ili veće
Možete koristiti kapaljku u alatu za odabir boja kako biste uhvatili točne boje iz bilo čega na vašem zaslonu.
Za veze koje se oslanjaju samo na boju kako bi se istaknule, upotrijebite naš provjernik kontrasta boja kako biste bili sigurni da zadovoljavaju standarde pristupačnosti i da su svima lake za čitanje.