Pripojenie zlyhalo. Skúste to prosím znova.

Preskočiť na obsah
SEO Tools
Pomocník a dokumentácia
UX / UI Vysoký dopad Ľahké 2 min

Blokovaný zoom stránky

Nikdy nezakazujte používateľovi priblíženie stránky.

Čo to je

Niektoré weby vo viewport mete zakážu priblíženie cez user-scalable=no alebo maximum-scale=1. Používateľ potom nemôže stránku „roztiahnuť“ prstami.

Prečo to riešiť

Zákaz zoomu je vážny prístupnostný problém — ľudia so zhoršeným zrakom si potrebujú obsah priblížiť. Je to porušenie WCAG a na mobiloch priamo škodí použiteľnosti. Žiadnu reálnu výhodu to neprináša.

Ako na to

  1. 1Z viewport meta tagu odstráňte user-scalable=no aj maximum-scale.
  2. 2Ponechajte len "width=device-width, initial-scale=1".
  3. 3Ak sa zoom „rozbíjal“ layout, vyriešte to responzívnym CSS, nie zákazom zoomu.

Príklad

Zle
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Správne
<meta name="viewport" content="width=device-width, initial-scale=1">

Záver

Zoom nikdy nezakazujte — je to dvojminútová oprava s priamym dopadom na prístupnosť. Odoberte user-scalable=no a maximum-scale a nechajte používateľov približovať. Patrí to medzi rýchle a dôležité UX výhry.

Súvisiace témy