1.4.3 Kontrast (minimální)

Součást 1.4 Rozlišitelnost

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 4,5:1.

Testujeme automaticky

Toto kritérium testujeme automaticky pomocí následujících pravidel:

  • color-contrast – Kontrola kontrastního poměru textu vůči pozadí (minimum 4,5:1 pro běžný text, 3:1 pro velký text)

Poznámka: Automatický test pokrývá většinu případů, ale některé situace (např. text přes obrázky, gradienty) vyžadují manuální kontrolu.

Oficiální znění

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 4,5:1, s výjimkou velkého textu (3:1), vedlejšího textu, logotypů.

Co to znamená v praxi

Text musí mít dostatečný kontrast vůči pozadí, aby byl čitelný pro uživatele se slabým zrakem.

Požadavky:

  • Normální text – kontrast minimálně 4,5:1
  • Velký text (18pt+ nebo 14pt tučný) – kontrast minimálně 3:1

Nástroje:

Použijte Color Contrast Analyzer, WebAIM Contrast Checker nebo DevTools.

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 1.4.3 Contrast (Minimum)

 

1.4.1 Použití barev

Barva není použita jako jediný vizuální prostředek k předání informace nebo k označení akce.
 

1.4.2 Ovládání zvuku

Pokud se na stránce automaticky přehrává zvuk déle než 3 sekundy, existuje mechanismus pro jeho pozastavení nebo zastavení.
 

1.4.3 Kontrast (minimální)

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 4,5:1.
 

1.4.4 Změna velikosti textu

Text lze zvětšit až na 200 % bez ztráty obsahu nebo funkčnosti.
 

1.4.5 Text jako obrázek

Pokud lze dosáhnout stejné vizuální prezentace textem, nepoužívají se obrázky textu.
 

1.4.6 Kontrast (vylepšený)

Vizuální prezentace textu a obrázků textu má kontrastní poměr alespoň 7:1.
 

1.4.7 Nízké nebo žádné pozadí zvuku

Pro předtočený audio obsah obsahující převážně řeč je pozadí zvuku výrazně tišší než popředí.
 

1.4.8 Vizuální prezentace

Pro vizuální prezentaci bloků textu je k dispozici mechanismus pro přizpůsobení barev, šířky a řádkování.
 

1.4.9 Text jako obrázek (bez výjimky)

Obrázky textu se používají pouze pro čistě dekorativní účely nebo tam, kde je konkrétní prezentace textu nezbytná.
 

1.4.10 Přeformátování

Obsah lze prezentovat bez ztráty informací a bez nutnosti posouvání ve dvou směrech.
 

1.4.11 Kontrast netextových prvků

Vizuální prezentace prvků uživatelského rozhraní a grafických objektů má kontrastní poměr alespoň 3:1.
 

1.4.12 Mezery v textu

Nedochází ke ztrátě obsahu při nastavení mezer v textu na určené hodnoty.
 

1.4.13 Obsah při najetí nebo fokusu

Dodatečný obsah zobrazený při najetí nebo fokusu je možné zrušit, najetí na něj a je trvalý.