Kontrola kontrastu

Kontrola kontrastu barev WCAG pro výpočet poměru kontrastu textu.

Kontrastní poměr 21:1

Normální text

WCAG AA: Pass

WCAG AAA: Pass

Příklad normálního textu - 16px

Velký text

WCAG AA: Pass

WCAG AAA: Pass

Příklad velkého textu 18pt/24px

Grafické objekty a komponenty uživatelského rozhraní

WCAG AA: Pass

Vypočítejte kontrastní poměr pro normální velikost textu.
Vypočítejte kontrastní poměr pro velkou velikost textu.
Vypočítejte kontrastní poměr pro komponenty uživatelského rozhraní.
Vyberte barvu z výběru barvy
Nastavení barvy Lehkost

Jak používat Contrast Checker

Zvolte barvu pozadí
Zvolte barvu popředí
V případě potřeby upravte lehkost
Kontrola auditu pro normální a velký text

FAQ

Jak funguje kontrola kontrastu?

Musíte vyhodnotit barvu textu a pozadí. Podle pokynů WCAG 2.1 se jedná o: Velký text - Text s minimální velikostí 18px vyžaduje kontrastní poměr 3:1; Malý text - Text o velikosti menší než 18px vyžaduje kontrastní poměr 4, 5:1.

Proč by měl můj web mít dostatečný barevný kontrast?

Text na pozadí s nízkým kontrastním poměrem je často obtížně čitelný. To má nejen negativní dopad na osoby se zrakovým postižením, ale ve skutečnosti to obtěžuje všechny uživatele. Jedním z příkladů je čtení textu na mobilním telefonu venku za slunečného dne.

Co znamená přístupnost webových stránek?

Přístupná webová stránka je webová stránka navržená tak, aby ji lidé se zrakovým nebo sluchovým postižením mohli používat bez omezení. Tím je například zajištěno, že všechny prvky webu mají dostatečný barevný kontrast, tj. barva textu je zcela odlišná od barvy pozadí.

Mají obrázky a videa splňovat požadavky WCAG barevný kontrast?

Některé grafické prvky a komponenty rozhraní vyžadují kontrastní poměr nejméně 3:1. To však nezahrnuje loga, dekorativní obrázky ani obecné mediální soubory.

Produkty

Webové stránky

O nás

Language

User Name

Kontrola kontrastu