Zoomning inaktiverad

Silktide kontrollerar varje sida efter kod som hindrar besökare från att zooma in på mobila enheter. Nyp för att zooma bör alltid vara tillgängligt, eftersom många människor är beroende av det för att kunna läsa ditt innehåll.

Koden som orsakar detta finns i sidans - tag:

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

<!-- Lösning: låt användarna zooma -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Varför detta är viktigt

Nyp för att zooma är hur personer med nedsatt syn läser webben på en telefon. Det är också så alla andra hanterar liten text, detaljerade kartor och bilder med många detaljer. En sida som inaktiverar detta gör allt sådant omöjligt – det finns ingen lösning som en besökare kan använda.

Zoomning inaktiveras vanligtvis av kosmetiska skäl, för att förhindra att layouten förskjuts. Kostnaden drabbar helt och hållet de personer som behöver funktionen mest, och riktlinjer för tillgänglighet kräver att text ska kunna förstoras. Vissa enheter ignorerar nu begränsningen just eftersom den orsakar så stora problem, men många webbläsare respekterar den fortfarande.

Så åtgärdar du detta

Ta bort user-scalable=no från alla viewport-taggar.
Ta bort maximum-scale-värden som begränsar zoomningen till eller nära sidans normala storlek (till exempel maximum-scale=1).
Om layouten går sönder när den zoomas, åtgärda layouten med i stället för att låsa ute besökare från zoomning.

Så testar Silktide detta

Läs in sidan på en simulerad mobil enhet.
Hitta alla viewport-metataggar.
Rapportera varje tagg som blockerar zoomning – antingen user-scalable=no eller ett maximum-scale som inte är högre än den skala sidan redan läses in med.

Felsökning

Jag kan fortfarande zooma på min iPhone

iOS ignorerar dessa viewport-begränsningar och tillåter ändå nyp för att zooma. Andra webbläsare och plattformar respekterar dem fortfarande, så koden utgör ett verkligt hinder och bör åtgärdas. Testa på en Android-enhet för att återskapa problemet.

Taggen läggs till av mitt ramverk eller tema

Vissa äldre teman och appramverk infogar user-scalable=no som standard. Leta efter en viewport- eller zoominställning i temat, eller åsidosätt taggen i din sidmall.