Inzoomen met knijpbeweging ingeschakeld

Silktide controleert of je pagina's bezoekers op mobiele apparaten toestaan om met een knijpbeweging in te zoomen. Inzoomen is voor veel mensen de manier om tekst groot genoeg te maken om te kunnen lezen, en pagina's kunnen dit helaas uitschakelen.

Waarom dit belangrijk is

Enorm veel mensen zoomen regelmatig in op hun telefoon: iedereen die geen perfect zicht heeft — en met het ouder worden geldt dat voor de meesten van ons. Een pagina die inzoomen met een knijpbeweging uitschakelt, laat hen turen naar tekst die ze niet groter kunnen maken. Voor mensen met een verminderd gezichtsvermogen kan de pagina hierdoor onbruikbaar worden. WCAG-succescriterium 1.4.4 ( van ) vereist dat tekst tot 200% kan worden vergroot. Op mobiele apparaten is inzoomen het mechanisme dat dit mogelijk maakt.

Het uitschakelen van inzoomen is bijna nooit een bewuste ontwerpkeuze — meestal staat het in een gekopieerde sjabloontag.

Zo los je het op

Verwijder de beperkingen voor inzoomen uit de tag van je pagina:

<!-- Inzoomen uitgeschakeld: gebruikers kunnen de pagina niet groter maken -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Opgelost: gebruikers kunnen vrij inzoomen met een knijpbeweging -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Zowel user-scalable=no als een beperkende maximum-scale voorkomen dat je kunt inzoomen; verwijder beide. De viewport-tag staat meestal in de sjabloon van je website, dus één wijziging lost het doorgaans voor elke pagina op.

Zo test Silktide dit

Laad de pagina als een mobiel apparaat en zoek de viewport-tags in de .
Rapporteer elke viewport-tag die inzoomen voorkomt, door user-scalable=no te declareren of door een maximum-scale in te stellen die gelijk is aan of lager is dan de oorspronkelijke schaal van de pagina.

Problemen oplossen

Ik kan de pagina prima inzoomen op mijn iPhone

iOS negeert pogingen om inzoomen met een knijpbeweging uit te schakelen, dus op een iPhone kun je nog steeds inzoomen. Android-browsers respecteren de beperking wel. Het probleem is dus reëel voor een groot deel van je bezoekers — test het op een Android-apparaat om het te zien.

Waarom zou ik dit oplossen als iOS het negeert?

Omdat Android dat niet doet en omdat de tag aangeeft dat het de bedoeling is om inzoomen uit te schakelen — iets wat sommige browsers, ingesloten webweergaven en ondersteunende hulpmiddelen nog steeds respecteren. De code heeft geen functie; verwijderen ervan heeft geen nadelen.