Zoom deaktivert

Silktide kontrollerer hver side for kode som hindrer besøkende i å zoome inn på mobile enheter. Knip-for-å-zoome bør alltid være tilgjengelig, fordi mange personer er avhengige av det for å kunne lese innholdet ditt.

Koden som er ansvarlig, er sidens - tag:

<!-- Problem: både user-scalable=no og maximum-scale=1 blokkerer zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Løsning: la brukerne zoome -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Hvorfor dette er viktig

Knip-for-å-zoome er måten personer med nedsatt syn leser nettet på en telefon. Det er også slik alle andre håndterer liten skrift, detaljerte kart og bilder med mange detaljer. En side som deaktiverer dette, gjør alt dette umulig – det finnes ingen løsning den besøkende kan bruke.

Zoom er vanligvis deaktivert av kosmetiske årsaker, for å hindre at et oppsett flytter på seg. Kostnaden rammer utelukkende personer som trenger funksjonen mest, og retningslinjer for tilgjengelighet krever at tekst kan skaleres. Noen enheter ignorerer nå begrensningen nettopp fordi den forårsaker så mye skade, men mange nettlesere respekterer den fortsatt.

Slik løser du det

Fjern user-scalable=no fra alle viewport-tagger.
Fjern maximum-scale-verdier som begrenser zoom til eller nær sidens normale størrelse (for eksempel maximum-scale=1).
Hvis oppsettet bryter sammen når det zoomes, kan du løse dette med i stedet for å hindre besøkende i å zoome.

Slik tester Silktide dette

Last inn siden på en simulert mobil enhet.
Finn alle viewport-metatagger.
Rapporter hver tag som blokkerer zoom – enten user-scalable=no eller en maximum-scale som ikke er høyere enn skalaen siden allerede lastes inn med.

Feilsøking

Jeg kan fortsatt zoome på iPhonen min

iOS ignorerer disse viewport-begrensningene og tillater knip-for-å-zoome uansett. Andre nettlesere og plattformer respekterer dem fortsatt, så koden er fortsatt en reell barriere og bør utbedres. Test på en Android-enhet for å reprodusere problemet.

Taggen legges til av rammeverket eller temaet mitt

Enkelte eldre temaer og app-rammeverk legger inn user-scalable=no som standard. Se etter en innstilling for viewport eller zoom i temaet, eller overstyr taggen i sidemalen.