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.
