Kontrola kontrastu

Kontrola kontrastu farieb WCAG pre výpočet kontrastného pomeru textu.

Kontrastný pomer 21:1

Normálny text

WCAG AA: Pass

WCAG AAA: Pass

Príklad normálneho textu - 16px

Veľký text

WCAG AA: Pass

WCAG AAA: Pass

Príklad veľkého textu 18pt/24px

Grafické objekty a komponenty používateľského rozhrania

WCAG AA: Pass

Vypočítajte kontrastný pomer pre normálnu veľkosť textu.
Vypočítajte kontrastný pomer pre veľkú veľkosť textu.
Vypočítajte kontrastný pomer pre komponenty používateľského rozhrania.
Vyberte farbu z výberu farby
Nastaviť farebnú ľahkosť

Ako používať Contrast Checker

Vyberte farbu pozadia
Vyberte farbu popredia
V prípade potreby upravte ľahkosť
Kontrola auditu pre normálny a veľký text

FAQ

Ako funguje kontrola kontrastu?

Musíte vyhodnotiť farbu textu a pozadia. Podľa usmernení WCAG 2.1 ide o: Veľký text - Text s minimálnou veľkosťou 18px vyžaduje kontrastný pomer 3:1; Malý text - Text s veľkosťou menšou ako 18px vyžaduje kontrastný pomer 4, 5:1.

Prečo by mala mať moja webová stránka dostatočný farebný kontrast?

Text na pozadí s nízkym kontrastným pomerom je často ťažko čitateľný. To má nielen negatívny vplyv na osoby so zrakovým postihnutím, ale v skutočnosti to znevýhodňuje všetkých používateľov. Jedným z príkladov je čítanie textu na mobilnom telefóne vonku za slnečného dňa.

Čo znamená dostupnosť webových stránok?

Prístupná webová stránka je webová stránka navrhnutá tak, aby ju ľudia so zrakovým alebo sluchovým postihnutím mohli používať bez obmedzenia. Napríklad to zaisťuje, že všetky prvky lokality majú dostatočný farebný kontrast, t.j. farba textu je úplne odlišná od farby pozadia.

MuSIA obrázky a videá spĺňať požiadavky farebného kontrastu WCAG?

Niektoré komponenty grafiky a rozhrania vyžadujú kontrastný pomer najmenej 3:1. Nezahŕňa to však logá, ozdobné obrázky ani všeobecné mediálne súbory.

Produkty

Webové stránky

O nás

Language

User Name

Kontrola kontrastu