Оперативно
Пријавите се / Региструјте се
common.you_need_to_be_loggedin_to_add_tool_in_favorites
Провера контраста боја
Оглас
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
Унесите своје комбинације боја испод да бисте их тестирали помоћу наше провере контраста боја и одмах видели да ли испуњавају стандарде приступачности.
Kako funkcioniše naš provera kontrasta boja
Unesite boje prednjeg plana i pozadine koristeći RGB heksadecimalne vrednosti ili ih izaberite direktno pomoću Color Picker-a.
Možete:
- Podesite Alpha da biste promenili koliko je transparentna boja prednjeg plana.
- Koristite klizač Lakoća da bi boja izgledala svetlije ili tamnije.
Naš alat zatim izračunava odnos kontrasta i proverava ga u skladu sa VCAG smernicama:
- WCAG 2.0 Nivo AA
- Najmanje 4.5:1 za normalan tekst tela
- Najmanje 3:1 za veliki tekst
- WCAG 2.1 (UI i grafika)
- Najmanje 3:1 za ikone, granice i druge komponente interfejsa
- VCAG nivo AAA
- Najmanje 7:1 za normalan tekst
- Najmanje 4.5:1 za veliki tekst
Veliki tekst znači:
- 14 pt (oko 18.66 pk) i bold, ili
- 18 pt (oko PKS) ili veći
Možete koristiti kapaljku u Color Picker-u da biste zgrabili tačne boje sa bilo čega na ekranu. Olakšava testiranje stvarnih dizajna, dugmadi ili pozadine.
Za veze koje se oslanjaju samo na boju da bi se izdvojile, koristite našu proveru kontrasta boja kako biste bili sigurni da ispunjavaju standarde pristupačnosti i ostaju lako čitljivi za sve.