This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Proč potřebuje pohyblivý obsah na webových stránkách funkci pauzy?
Pohyblivý obsah potřebuje funkci pauzy, protože pohyb nutně poutá pohled: vedle běžícího obrázkového karuselu nedokážou lidé s poruchou pozornosti nebo čtení vnímat vlastní text. WCAG proto vyžaduje: vše, co se automaticky pohybuje, bliká nebo posouvá a trvá déle než pět sekund, musí jít pozastavit, zastavit nebo skrýt. Platí to i pro obsah, který se sám aktualizuje, jako tickery.
Karusely, běžící texty a videa na pozadí
Nejčastějšími trvale běžícími prvky jsou karusely na úvodních stránkách, které mění obrázek každých pár sekund, videa na pozadí za hlavním nadpisem a zpravodajské tickery. Pro mnoho návštěvníků jsou zkouškou trpělivosti, pro některé skutečnou překážkou: kdo čte pomalu, ztratí větu, když se obrázek pod ní změní. Kdo má poruchu pozornosti, nedokáže odtrhnout pohled od pohybu. Řešení je jednoduché — viditelné tlačítko pauzy přímo u pohybujícího se prvku, ovladatelné myší i klávesnicí. Ještě lepší je, když se karusel vůbec nemění automaticky, ale jen když návštěvníci sami listují dál.
Jak kontrolní služba prověřuje pohyblivý obsah
Automatický průchod spolehlivě rozpozná zastaralé blikající a běžící textové prvky ve zdrojovém kódu — ty se považují za porušení tohoto kritéria. Moderní karusely a videa na pozadí jsou naproti tomu technicky běžné stavební bloky, jejichž chování se projeví až při sledování: běží déle než pět sekund, existuje tlačítko pauzy, je dostupné klávesnicí. Tyto otázky posuzuje člověk. Zpráva o kontrole uvádí každé kritérium WCAG samostatně — vyhovuje, porušeno, nutná ruční kontrola nebo neprověřitelné automaticky — a činí tak viditelným, která část výroku je změřená a která zůstává otevřená.
Příklady
Carousel bez přestávky
<div class="slider" data-autoplay="true" data-interval="4000">…</div><div class="slider" data-autoplay="true" data-interval="4000">
<button type="button" aria-pressed="false" class="pause">Anhalten</button>
…
</div>Pohyb, který běží déle než pět sekund a začíná automaticky vyžaduje zastavení, zastavení nebo skrývání.
- Sečtěte na své úvodní stránce vše, co se pohybuje samo od sebe: karusel, video, ticker, animované dlaždice.
- Dejte každému z těchto prvků viditelné tlačítko pauzy, dostupné i klávesnicí.
- Přepněte karusely na ruční listování — návštěvníci sami rozhodují, kdy přijde další obrázek.
- Odstraňte blikající a běžící textové prvky ze zdrojového kódu bez náhrady; pocházejí z jiné éry webu.
- Respektujte nastavení operačního systému „omezit pohyb“ a animace v takovém případě vypněte.
