Jak zkontrolovat kontrast barev

Pokud máte web a chcete si být jisti, že jsou vaše texty dobře čitelné, doporučuji si zkontrolovat kontrast barvy textu a pozadí.

Je to poměrně jednoduché, stačí zadat hexa kód barvy do tohoto nástroje: Web Accesibility in Mind – Contrast Checker. Foreground color je v tomto případě barva textu, background color je barva pozadí.
Pokud máte např. jen rgb kód barvy, můžete ho převést do hexa kódu zde: Nástroj pro převod rgb kódu na hex.

Vyjde vám poté kontrastní poměr a v grafice pod ním vidíte, zdali je kontrast dostatečný podle pravidel přístupnosti webu. Hodnoty se liší pro běžný text a nadpisy. Pokud váš web nepotřebuje odpovídat zákonu o přístupnosti (což musí například školy nebo obce), tak už je na vašem zvážení, jestli se výsledky testu chcete řídit.

Sdílet na Facebooku
Sdílet na LinkedIn
Sdílet na Pinterestu