O tomto nástroji
Zkontrolujte barevné kontrastní poměry mezi textem v popředí a barvami pozadí podle pokynů pro usnadnění WCAG 2.1. Zadejte barvy jako hexadecimální kódy, hodnoty RGB nebo hodnoty HSL a okamžitě uvidíte kontrastní poměr spolu s výsledky vyhovující/nevyhovující pro shodu s WCAG AA a AAA v normální i velké velikosti textu.
Často kladené dotazy
- Jaký kontrastní poměr je vyžadován pro shodu s WCAG?
- WCAG AA vyžaduje 4,5:1 pro normální text a 3:1 pro velký text (18pt+ nebo 14pt+ tučné). WCAG AAA vyžaduje 7:1 pro normální text a 4,5:1 pro velký text. Maximální možný poměr je 21:1 (černé na bílém).
- Proč záleží na barevném kontrastu?
- Dostatečný kontrast zajišťuje, že text je čitelný i pro uživatele se slabým zrakem, barvoslepostí nebo pro ty, kteří sledují obrazovky na jasném slunci. Je to také zákonný požadavek podle ADA a nařízení EU o přístupnosti pro mnoho webových stránek.
- Co je v WCAG považováno za „velký text“?
- Velký text je definován jako 18pt (24px) a více pro běžnou váhu nebo 14pt (18,66px) a více pro tučný text. Velký text má nižší požadavky na kontrast, protože je ze své podstaty lépe čitelný.
- Kontroluje tento nástroj kontrast netextových prvků?
- WCAG 2.1 vyžaduje kontrastní poměr 3:1 pro komponenty uživatelského rozhraní a grafické objekty (tlačítka, ikony, pole formulářů). Tento nástroj můžete použít také k jejich ověření – stačí zadat barvy komponenty a pozadí.