Nypzoom aktiverad

Silktide kontrollerar att dina sidor låter besökare på mobila enheter zooma in med en nypgest. Att zooma är hur många människor gör texten tillräckligt stor för att kunna läsa den, och sidor kan tyvärr stänga av funktionen.

Varför det här är viktigt

En mycket stor andel människor zoomar rutinmässigt in på sina telefoner – alla med syn som inte är perfekt, vilket med åldern blir de flesta av oss. En sida som inaktiverar nypzoom lämnar dem kisande mot text som de inte kan förstora, och för personer med nedsatt syn kan det göra sidan oanvändbar. WCAG:s framgångskriterium 1.4.4 ( i ) kräver att text ska kunna förstoras upp till 200 %, och på mobila enheter är zoomning mekanismen som möjliggör detta.

Att inaktivera zoomning är nästan aldrig ett avsiktligt designval – det följer vanligtvis med i en kopierad malltagg.

Så åtgärdar du problemet

Ta bort zoombegränsningarna från sidans :

<!-- Zoomning inaktiverad: användare kan inte förstora sidan -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Åtgärdad: användare kan fritt nypzooma -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Både user-scalable=no och en begränsande maximum-scale förhindrar zoomning; ta bort båda. Viewport-taggen finns vanligtvis i webbplatsens mall, så en enda ändring löser oftast problemet på alla sidor.

Så testar Silktide detta

Läs in sidan som en mobil enhet och hitta dess viewport-taggar i .
Rapportera alla viewport-taggar som förhindrar zoomning, antingen genom att deklarera user-scalable=no eller genom att ange en maximum-scale som är lika med eller mindre än sidans ursprungliga skala.

Felsökning

Jag kan zooma sidan utan problem på min iPhone

iOS ignorerar försök att inaktivera nypzoom, så sidan kommer fortfarande att kunna zoomas på en iPhone. Android-webbläsare respekterar begränsningen, så problemet är verkligt för en stor andel av dina besökare – testa på en Android-enhet för att se det.

Varför åtgärda det om iOS ignorerar det?

Eftersom Android inte gör det, och eftersom taggen signalerar en avsikt som vissa webbläsare, inbäddade webbvyer och hjälpmedel fortfarande följer. Koden fyller ingen funktion; att ta bort den har inga nackdelar.