Połączenie nie powiodło się. Spróbuj ponownie.

Przejdź do treści
SEO Tools
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ć

  1. 1Z meta tagu viewport usuń user-scalable=no oraz maximum-scale.
  2. 2Pozostaw tylko "width=device-width, initial-scale=1".
  3. 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