This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Responsive
Proč se web na mobilu nesmí posouvat do strany?
Web se nesmí na mobilu posouvat do strany, protože jinak se návštěvníci k obsahu dostanou jen tak, že stránku prstem posouvají tam a zpět. Mnozí to předtím vzdají a stránku opustí. Směrnice přístupnosti WCAG proto v pravidle 1.4.10 vyžaduje, aby se obsah přizpůsobil šířce obrazovky. Kontrolní služba měří přesah v pixelech na čtyřech velikostech zařízení a uvádí, pokud je jednoznačně rozpoznatelný, prvek, který ho způsobuje.
Jak vzniká boční posouvání na mobilu
Příčinou je téměř vždy prvek s pevnou šířkou: tabulka s mnoha sloupci, obrázek v původní velikosti nebo stavební blok ze šablony postavené pro velké obrazovky. Na stolním monitoru si toho člověk sotva všimne, protože tam je dost místa. Na chytrém telefonu se šířkou 390 pixelů stejný prvek přesahuje přes okraj a prohlížeč zobrazí vodorovný posuvník. Návštěvníci pak vidí jen výřez obsahu a musí stránku při čtení neustále posouvat. Stačí jeden příliš široký prvek, aby se celá stránka stala boční posouvatelnou — proto se vyplatí najít a opravit přesně tento jeden prvek.
Jak kontrolní služba měří přesah
Kontrola načte vaši stránku ve skutečném prohlížeči na čtyřech velikostech zařízení: 390, 768, 1440 a 1920 pixelů šířky. Pak porovná šířku obsahu se šířkou obrazovky a skutečně se pokusí stránku posunout do strany. Nález platí, až když se to podaří — přesah, který prohlížeč sám ořízne, posuvník nevytvoří a proto se ani nehlásí jako takový. Každé měření běží dvakrát; hlásí se jen to, co oba běhy vidí shodně. Zpráva uvádí přesah v pixelech a, pokud je jednoznačně rozpoznatelný, prvek, který ho způsobuje, spolu se snímkem obrazovky. Vaše agentura tak hned ví, na kterém místě má zasáhnout.
Toto vyžaduje pravidlo přístupnosti WCAG 1.4.10
Pravidlo 1.4.10 („Reflow“) směrnice WCAG vyžaduje, aby se obsah přizpůsobil dostupné šířce, aniž by návštěvníci museli posouvat ve dvou směrech. Myšlenka za tím: lidé se zrakovým postižením stránky silně zvětšují; co pak přesahuje do strany, je pro ně ztracené. Stejná přizpůsobivost pomáhá každému návštěvníkovi s malou obrazovkou — tedy většině, protože mnoho webů se dnes čte hlavně na mobilu. Úspěšná kontrola je tak zároveň krokem k přístupnosti a k lépe ovladatelnému webu. Kontrola je technické zkoumání; zda pro vaši firmu plynou zákonné povinnosti, objasní právní poradenství.
- Otevřete svou úvodní stránku na vlastním mobilu a přejeďte prstem doleva a doprava. Pokud se stránka posune do strany, existuje přesah.
- Zkontrolujte zejména stránky s tabulkami, velkými obrázky nebo vloženými videi — tam přesah vzniká nejčastěji.
- Předejte své agentuře prvek uvedený ve zprávě z kontroly a počet pixelů, místo aby ho museli sami hledat.
- Po každé větší změně na webu se znovu podívejte na mobil.
FAQ
Co je vodorovný posuvník?
Vodorovný posuvník se objeví, když je obsah stránky širší než obrazovka. Návštěvníci pak musí stránku posouvat do strany, aby viděli všechno. Na mobilu se to projeví jako boční sklouznutí při tažení prstem. Příčinou bývá obvykle jeden příliš široký prvek, třeba tabulka nebo obrázek s pevnou velikostí.
Proč se můj web na mobilu posouvá do strany?
Většinou za tím stojí prvek s pevnou šířkou: široká tabulka, nezmenšený obrázek nebo stavební blok ze šablony pro velké obrazovky. Zpráva z kontroly uvádí přesah v pixelech a, pokud je to jednoznačné, prvek, který ho způsobuje — vaše agentura tak najde místo bez dlouhého hledání a může cíleně nastavit přizpůsobivou šířku.
Je boční posouvání porušením přístupnosti?
Směrnice přístupnosti WCAG se tímto tématem zabývá v pravidle 1.4.10: obsah se má přizpůsobit šířce obrazovky, aby nikdo nemusel posouvat ve dvou směrech. Boční posouvání na mobilu je proti tomuto pravidlu. Zda z toho pro vaši firmu plyne právní povinnost, závisí na konkrétním případě — kontrola je technické zkoumání, ne právní poradenství.