Připojení selhalo. Zkuste to prosím znovu.

Přeskočit na obsah
SEO Tools
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

  1. 1Z viewport meta tagu odstraňte user-scalable=no i maximum-scale.
  2. 2Ponechte jen "width=device-width, initial-scale=1".
  3. 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