Verbinding mislukt. Probeer het opnieuw.

Naar inhoud springen
SEO Tools
Help en documentatie
UX / UI Hoge impact Makkelijk 2 minuten

Geblokkeerde paginazoom

Zorg er nooit voor dat de gebruiker niet op de pagina kan inzoomen.

Wat het is

Sommige sites schakelen het zoomen in de viewport-meta uit via user-scalable=no of maximum-scale=1. De gebruiker kan dan niet "knijpen" om de pagina uit te rekken.

Waarom het belangrijk is

Het uitschakelen van zoom is een ernstig toegankelijkheidsprobleem: mensen met een verminderd gezichtsvermogen moeten inzoomen op inhoud. Het is een WCAG-overtreding en schaadt rechtstreeks de bruikbaarheid op mobiele apparaten. Het levert geen echt voordeel op.

Hoe je het doet

  1. 1Verwijder user-scalable=no en maximum-scale uit de viewport-metatag.
  2. 2Behoud alleen "width=device-width, initial-scale=1".
  3. 3Als zoomen de lay-out "vernietigt", repareer dit dan met responsieve CSS, niet door zoom uit te schakelen.

Voorbeeld

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

Conclusie

Schakel zoom nooit uit: het is een oplossing van twee minuten met directe gevolgen voor de toegankelijkheid. Verwijder user-scalable=no en maximum-scale en laat gebruikers zoomen. Het behoort tot de snelle en belangrijke UX-overwinningen.

Gerelateerde onderwerpen