Nápověda a dokumentace
UX / UI Vysoký dopad Snadné 2 min
Blokovaný zoom stránky
Nikdy nezakazujte uživateli přiblížení stránky.
Co to je
Některé weby ve viewport metě zakážou přibližování přes user-scalable=no nebo maximum-scale=1. Uživatel pak nemůže stránku „roztáhnout" prsty.
Proč to řešit
Zákaz zoomu je vážný přístupnostní problém: lidé se zhoršeným zrakem si potřebují obsah přiblížit. Je to porušení WCAG a na mobilech přímo škodí použitelnosti. Žádnou reálnou výhodu to nepřináší.
Jak na to
- 1Z viewport meta tagu odstraňte user-scalable=no i maximum-scale.
- 2Ponechte jen "width=device-width, initial-scale=1".
- 3Pokud se zoom „rozbíjel" layout, vyřešte to responzivním CSS, ne zákazem zoomu.
Příklad
Špatně
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">Správně
<meta name="viewport" content="width=device-width, initial-scale=1">Závěr
Zoom nikdy nezakazujte, je to dvouminutová oprava s přímým dopadem na přístupnost. Odeberte user-scalable=no a maximum-scale a nechte uživatele přibližovat. Patří to mezi rychlé a důležité UX výhry.
Související témata