Kontrola kontrastu
Kontrola kontrastu vypočítá kontrastní poměr podle WCAG 2.1 mezi barvou textu a barvou pozadí a ukáže, zda dvojice vyhovuje úrovním AA a AAA pro běžný a velký text.
O tomto nástroji
Kontrola kontrastu vypočítá kontrastní poměr podle WCAG 2.1 mezi barvou textu a barvou pozadí a ukáže, zda dvojice vyhovuje úrovním AA a AAA pro běžný a velký text.
Jak ho použít
- Zadej nebo vyber barvu textu.
- Zadej nebo vyber barvu pozadí (fungují hex hodnoty včetně 3místné zkratky).
- Odečti kontrastní poměr a výsledky AA/AAA pro běžný a velký text.
- Uprav kteroukoli barvu, dokud nevyhovíš požadované úrovni.
Dobré vědět
- WCAG 2.1 AA vyžaduje kontrastní poměr alespoň 4.5:1 pro běžný text a 3:1 pro velký text.
- WCAG 2.1 AAA vyžaduje alespoň 7:1 pro běžný text a 4.5:1 pro velký text.
- Velký text znamená alespoň 18 pt (24 px) v běžné tloušťce nebo 14 pt (asi 18.66 px) tučně.
- Kontrastní poměry se pohybují od 1:1 (shodné barvy) po 21:1 (černá na bílé).
- Poměr se počítá z relativní luminance každé barvy podle vzorce WCAG.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Jaký kontrastní poměr je potřeba pro přístupnost?
Pro WCAG 2.1 úrovně AA potřebuje běžný text alespoň 4.5:1 a velký text alespoň 3:1. Úroveň AAA to zvyšuje na 7:1 a 4.5:1.
Je bílý text na zelené přístupný?
Záleží na odstínu. Mnoho jasných zelených s bílým textem nesplní AA; tmavší zelené obvykle vyhoví. Zadej své přesné hex hodnoty a ověř to.
Co se ve WCAG považuje za velký text?
Text o velikosti alespoň 18 bodů (24 px) v běžné tloušťce, nebo alespoň 14 bodů (asi 18.66 px) tučně.
Platí kontrast podle WCAG i pro tlačítka a ikony?
Kritérium úspěchu 1.4.11 ve WCAG 2.1 požaduje kontrast alespoň 3:1 u prvků uživatelského rozhraní a významové grafiky vůči okolí.