Inzoomen blokkeren: één regel code die je klanten buitensluit
Knijpen om tekst groter te maken is voor veel mensen de enige manier om je shop te lezen. Eén regel in je pagina kan dat uitzetten.
user-scalable=no in de viewport doet knijpen niets meer.
Rechts: dezelfde pagina zonder die instelling. Wie kleine letters niet leest, vergroot ze zelf.Waar het staat
Bovenin elke pagina staat een regel die de browser vertelt hoe breed het scherm is. Gaat het mis, dan ziet hij er zo uit:
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, user-scalable=no">
De twee laatste stukken zijn het probleem. Zo hoort het:
<meta name="viewport" content="width=device-width, initial-scale=1">
Wat we vinden
Bij 14 van de 70 gemeten webshops stond inzoomen geblokkeerd, op 91 pagina's. Het komt zelden uit een bewuste keuze: het staat in een thema, in een oud voorbeeldbestand, of het is ooit toegevoegd om te voorkomen dat een formulier "vanzelf" inzoomt op de iPhone.
Dat formulier dat vanzelf inzoomt
Dat gebeurt als een invoerveld een lettergrootte onder 16 pixels heeft. Safari zoomt dan in om het leesbaar te maken. De oplossing is niet inzoomen verbieden, maar je velden op 16 pixels zetten. Dan is het ongemak weg én kan iedereen nog inzoomen.
Wat er nog meer bij hoort
Tekst moet tot 200 procent te vergroten zijn zonder dat er iets wegvalt of over elkaar heen schuift (WCAG 1.4.4). Test dat met de zoom van je browser, niet met de systeeminstelling: vergroot naar 200 procent en loop je bestelstroom door. Wat er dan overheen valt, valt er voor een deel van je klanten altijd overheen.
Zo controleer je het
Open je shop op je telefoon en knijp. Gebeurt er niets, dan staat het uit. Op de computer:
zoek in de broncode (Ctrl+U of Cmd+Option+U) naar user-scalable.
Bronnen
- Eigen meting bij 70 Nederlandse webshops, 14 september 2026: meta-viewport bij 14 shops, 91 pagina’s
- WCAG 2.1, succescriteria 1.4.4 Herschalen van tekst en 1.4.10 Reflow