A csatlakozás sikertelen. Kérjük, próbálja újra.

Ugrás a tartalomhoz
SEO Tools
Súgó és dokumentáció
UX / UI Magas hatás Egyszerű 2 perc

Letiltott oldalnagyítás

Soha ne tiltsa le a felhasználónak az oldal nagyítását.

Mi ez

Egyes weboldalak a viewport metában letiltják a nagyítást a user-scalable=no vagy maximum-scale=1 révén. A felhasználó ekkor nem tudja ujjaival „széthúzni” az oldalt.

Miért foglalkozzon vele

A zoom tiltása komoly akadálymentességi probléma — a gyengénlátóknak közelíteniük kell a tartalmat. Ez a WCAG megsértése, és mobilon közvetlenül árt a használhatóságnak. Semmilyen valódi előnyt nem hoz.

Hogyan csinálja

  1. 1A viewport meta tagból távolítsa el a user-scalable=no és maximum-scale értékeket.
  2. 2Hagyja meg csak a "width=device-width, initial-scale=1" értéket.
  3. 3Ha a zoom „szétzilálta” a layoutot, oldja meg reszponzív CSS-szel, ne a zoom tiltásával.

Példa

Rosszul
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
Helyesen
<meta name="viewport" content="width=device-width, initial-scale=1">

Összegzés

A zoomot soha ne tiltsa le — ez kétperces javítás közvetlen hatással az akadálymentességre. Távolítsa el a user-scalable=no és maximum-scale értékeket, és hagyja a felhasználót nagyítani. A gyors és fontos UX győzelmek közé tartozik.

Kapcsolódó témák