freetool.cz

Kontrola kontrastu barev (WCAG)

Zkontrolujte, zda je váš text dobře čitelný a splňuje standardy přístupnosti.

Výběr barev
Jak to funguje? Nástroj vypočítá relativní svítivost obou barev a určí jejich kontrastní poměr. Podle přísných pravidel WCAG 2.0 pak vyhodnotí, zda je takový text čitelný pro lidské oko.
Náhled nadpisu
Takhle bude vypadat váš běžný textový odstavec na webu. Dostatečný kontrast je klíčový pro čitelnost a dobrou uživatelskou zkušenost (UX).
Kontrastní poměr
12.5 : 1
Skvělý kontrast
Běžný text
Méně než 18pt (24px)
AA AAA
Velký text (Nadpisy)
18pt+ nebo 14pt tučně
AA AAA

Co je to WCAG a proč na něm záleží?

WCAG (Web Content Accessibility Guidelines) je mezinárodně uznávaný soubor doporučení, jak tvořit weby přístupné pro všechny uživatele, včetně lidí se zrakovým postižením, barvoslepostí nebo zhoršeným zrakem. V mnoha zemích (a pro státní instituce i v ČR) je dodržování těchto norem povinné ze zákona.

Jak funguje kontrastní poměr?

Kontrastní poměr se měří na škále od 1:1 (žádný kontrast, např. bílý text na bílém pozadí) do 21:1 (maximální kontrast, černý text na bílém pozadí). Čím vyšší je první číslo, tím lépe je text viditelný.

Co znamenají úrovně AA a AAA?

Standardy definují dvě hlavní úrovně úspěšnosti pro barevný kontrast:

  • Úroveň AA (Minimální standard): Toto je nejčastěji vyžadovaná úroveň pro většinu webů.
    • Běžný text vyžaduje kontrast minimálně 4.5 : 1
    • Velký text (nadpisy) vyžaduje kontrast minimálně 3.0 : 1
  • Úroveň AAA (Nejvyšší přístupnost): Vyžadováno pro specializované weby (státní správa, zdravotnictví).
    • Běžný text vyžaduje kontrast minimálně 7.0 : 1
    • Velký text (nadpisy) vyžaduje kontrast minimálně 4.5 : 1
Report zkopírován do schránky!