WCAG Contrast Helper

Interný nástroj na rýchlu kontrolu kontrastu medzi textom a pozadím podľa WCAG. Slúži hlavne na prevenciu problémov v PageSpeed Insights / Lighthouse accessibility audite.

Input

Zadajte platnú HEX farbu, napríklad #1a1a1a.
Zadajte platnú HEX farbu, napríklad #ffffff.
Zamknúť pri návrhoch

Pre PageSpeed Insights / Lighthouse je najčastejší problém audit „Background and foreground colors do not have a sufficient contrast ratio“. Pre bežný text cielite aspoň 4.5:1, ideálne s miernou rezervou.

Nastavenia

Posledné kombinácie

Result

4.48:1
Tesne pod cieľom
Ukážka veľkého nadpisu
Toto je ukážka bežného textu, ktorý by mal byť čitateľný aj pri horšom displeji, nižšom jase alebo pre používateľov so slabším zrakom.
AA textFail
AA veľký textFail
AAA textFail
AAA veľký textFail
Minimálna bezpečná veľkosť textu: Vyhodnocujem…

Čo neprešlo

    Použiteľnosť kombinácie

      Návrhy kompromisov