Zoom deaktiveret

Silktide tjekker hver side for kode, der forhindrer besøgende i at zoome ind på mobile enheder. Zoom med to fingre bør altid være tilgængelig, fordi mange mennesker er afhængige af det for at kunne læse dit indhold.

Koden, der er ansvarlig, er sidens - tag:

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

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

Hvorfor det er vigtigt

Zoom med to fingre er den måde, personer med nedsat syn læser internettet på en telefon. Det er også den måde, alle andre håndterer lille tekst, tætte kort og detaljerede billeder på. En side, der deaktiverer det, gør alt dette umuligt – der er ingen løsning, som en besøgende selv kan anvende.

Zoom deaktiveres som regel af kosmetiske årsager for at forhindre, at et layout forskubber sig. Omkostningen rammer udelukkende de personer, der har mest brug for funktionen, og retningslinjer for tilgængelighed kræver, at tekst kan ændres i størrelse. Nogle enheder ignorerer nu begrænsningen netop fordi, den er så skadelig, men mange browsere respekterer den stadig.

Sådan løser du det

Fjern user-scalable=no fra alle viewport-tags.
Fjern maximum-scale-værdier, der begrænser zoom til eller tæt på sidens normale størrelse (såsom maximum-scale=1).
Hvis dit layout går i stykker ved zoom, skal du rette layoutet med i stedet for at låse besøgende ude fra zoom.

Sådan tester Silktide dette

Indlæs siden på en simuleret mobil enhed.
Find hvert viewport-meta-tag.
Rapportér hvert tag, der blokerer zoom – enten user-scalable=no eller en maximum-scale, der ikke er højere end den skala, siden allerede indlæses med.

Fejlfinding

Jeg kan stadig zoome på min iPhone

iOS ignorerer disse viewport-begrænsninger og tillader alligevel zoom med to fingre. Andre browsere og platforme respekterer dem stadig, så koden er fortsat en reel barriere og bør rettes. Du kan genskabe problemet ved at teste på en Android- enhed.

Tagget tilføjes af mit framework eller tema

Nogle ældre temaer og app-frameworks indsætter som standard user-scalable=no. Se efter en indstilling for viewport eller zoom i temaet, eller tilsidesæt tagget i sidens skabelon.