Pomoc i dokumentacja
UX / UI Wysoki wpływ Łatwe 2 min
Zablokowane powiększanie strony
Nigdy nie blokuj użytkownikowi powiększania strony.
Co to jest
Niektóre witryny w meta viewport blokują powiększanie przez user-scalable=no lub maximum-scale=1. Użytkownik nie może wtedy „rozciągnąć” strony palcami.
Dlaczego warto to rozwiązać
Blokada powiększania to poważny problem dostępności, osoby z pogorszonym wzrokiem potrzebują przybliżyć treść. To naruszenie WCAG, a na telefonach wprost szkodzi użyteczności. Nie przynosi żadnej realnej korzyści.
Jak to zrobić
- 1Z meta tagu viewport usuń user-scalable=no oraz maximum-scale.
- 2Pozostaw tylko "width=device-width, initial-scale=1".
- 3Jeśli powiększanie „rozbijało” układ, rozwiąż to responsywnym CSS, a nie blokadą powiększania.
Przykład
Źle
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">Dobrze
<meta name="viewport" content="width=device-width, initial-scale=1">Podsumowanie
Powiększania nigdy nie blokuj, to dwuminutowa naprawa z bezpośrednim wpływem na dostępność. Usuń user-scalable=no i maximum-scale i pozwól użytkownikom przybliżać. Należy to do szybkich i ważnych wygranych UX.
Powiązane tematy