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
- 1A viewport meta tagból távolítsa el a user-scalable=no és maximum-scale értékeket.
- 2Hagyja meg csak a "width=device-width, initial-scale=1" értéket.
- 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