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
- 1Z viewport meta tagu odstráňte user-scalable=no aj maximum-scale.
- 2Ponechajte len "width=device-width, initial-scale=1".
- 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