1.4.10 Přeformátování

Součást 1.4 Rozlišitelnost

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

Pouze manuální testování

Toto kritérium z WCAG 2.1 nelze automaticky testovat. Vyžaduje ověření chování při různých šířkách obrazovky.

Co kontrolujeme:

  • Při šířce 320 CSS px nevzniká horizontální scrollování (kromě map, tabulek, her)
  • Při výšce 256 CSS px nevzniká vertikální scrollování pro horizontální obsah
  • Obsah se přeformátuje bez ztráty informací

Oficiální znění

Obsah lze prezentovat bez ztráty informace nebo funkčnosti a bez nutnosti posouvat ve dvou rozměrech pro: vertikální posouvání obsahu při šířce ekvivalentní 320 CSS pixelům, horizontální posouvání obsahu při výšce ekvivalentní 256 CSS pixelům.

Co to znamená v praxi

Při zvětšení na 400% (nebo na úzké obrazovce) se obsah musí přeformátovat do jednoho sloupce bez horizontálního scrollování.

Výjimky:

  • Tabulky s daty
  • Mapy
  • Diagramy
  • Video
  • Toolbary pro editaci

Kontrola:

Zmenšete okno prohlížeče na 320px šířky a ověřte, že vše funguje.

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 1.4.10 Reflow

 

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ý.