O tomto nástroji
Skontrolujte pomery kontrastu farieb medzi textom v popredí a farbami pozadia podľa pokynov na prístupnosť WCAG 2.1. Zadajte farby ako hexadecimálne kódy, hodnoty RGB alebo hodnoty HSL a okamžite uvidíte kontrastný pomer spolu s výsledkami vyhovujúci/neúspešný pre súlad s WCAG AA a AAA pri normálnej aj veľkej veľkosti textu.
Často kladené otázky
- Aký kontrastný pomer je potrebný pre súlad s WCAG?
- WCAG AA vyžaduje 4,5:1 pre normálny text a 3:1 pre veľký text (18pt+ alebo 14pt+ tučné). WCAG AAA vyžaduje 7:1 pre normálny text a 4,5:1 pre veľký text. Maximálny možný pomer je 21:1 (čierna k bielej).
- Prečo záleží na farebnom kontraste?
- Dostatočný kontrast zaisťuje čitateľnosť textu pre slabozrakých, farboslepých alebo tých, ktorí sledujú obrazovky na jasnom slnečnom svetle. Je to tiež zákonná požiadavka podľa ADA a nariadení EÚ o prístupnosti pre mnohé webové stránky.
- Čo sa v WCAG považuje za „veľký text“?
- Veľký text je definovaný ako 18pt (24px) a viac pre bežnú váhu alebo 14pt (18,66px) a viac pre tučný text. Veľký text má nižšie požiadavky na kontrast, pretože sa vo svojej podstate ľahšie číta.
- Kontroluje tento nástroj kontrast pre netextové prvky?
- WCAG 2.1 vyžaduje kontrastný pomer 3:1 pre komponenty používateľského rozhrania a grafické objekty (tlačidlá, ikony, polia formulárov). Tento nástroj môžete použiť aj na ich overenie – stačí zadať farby komponentov a pozadia.