Knip for å zoome aktivert

Silktide kontrollerer at sidene dine lar besøkende på mobile enheter zoome inn med en knipebevegelse. Zooming er måten mange gjør teksten stor nok til å lese på, og sider kan dessverre slå det av.

Hvorfor dette er viktig

Svært mange zoomer jevnlig inn på telefonene sine – alle som ikke har perfekt syn, noe som med alderen gjelder de fleste av oss. En side som deaktiverer kniping for å zoome, lar dem myse mot tekst de ikke kan forstørre, og for personer med nedsatt syn kan det gjøre siden ubrukelig. WCAGs suksesskriterium 1.4.4 ( i ) krever at tekst kan skaleres opp til 200 %, og på mobile enheter er zoom mekanismen som gjør dette mulig.

Deaktivering av zoom er nesten aldri et bevisst designvalg – det følger vanligvis med i en kopiert og limt mal-tag.

Slik løser du det

Fjern zoombegrensningene fra sidens -tag:

<!-- Zoom deaktivert: brukere kan ikke forstørre siden -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Rettet: brukere kan fritt knipe for å zoome -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Både user-scalable=no og en begrensende maximum-scale hindrer zooming; fjern begge. Viewport-taggen ligger vanligvis i nettstedsmalen din, så én endring løser normalt problemet på alle sider.

Slik tester Silktide dette

Last inn siden som en mobil enhet, og finn viewport-taggene i .
Rapporter alle viewport-tagger som hindrer zooming, enten ved å angi user-scalable=no eller ved å sette maximum-scale til sidens opprinnelige skala eller lavere.

Feilsøking

Jeg kan zoome på siden uten problemer på iPhone-en min

iOS ignorerer forsøk på å deaktivere kniping for å zoome, så siden vil fortsatt kunne zoomes på en iPhone. Android-nettlesere respekterer begrensningen, så problemet er reelt for en stor andel av de besøkende dine – test på en Android-enhet for å se det.

Hvorfor bør jeg løse dette hvis iOS ignorerer det?

Fordi Android ikke gjør det, og fordi taggen signaliserer en hensikt som noen nettlesere, innebygde webvisninger og hjelpemidler fortsatt respekterer. Koden har ingen funksjon; det har ingen ulemper å fjerne den.