Zoom con pizzico abilitato

Silktide controlla che le tue pagine consentano ai visitatori sui dispositivi mobili di ingrandire il contenuto con un gesto di pizzico. Lo zoom è il modo in cui molte persone rendono il testo abbastanza grande da poterlo leggere, e purtroppo le pagine possono disabilitarlo.

Perché è importante

Un numero enorme di persone ingrandisce regolarmente i contenuti sul proprio telefono: chiunque non abbia una vista perfetta, cioè la maggior parte di noi con l'avanzare dell'età. Una pagina che disabilita lo zoom con pizzico costringe a strizzare gli occhi per leggere un testo che non si può ingrandire e, per le persone ipovedenti, può rendere la pagina inutilizzabile. Il criterio di successo WCAG 1.4.4 ( di ) richiede che il testo possa essere ridimensionato fino al 200% e, sui dispositivi mobili, lo zoom è il meccanismo che lo rende possibile.

Disabilitare lo zoom è quasi mai una scelta intenzionale di design: di solito è incluso in un tag di modello copiato e incollato.

Come risolvere il problema

Rimuovi le restrizioni relative allo zoom dal tag della tua pagina:

<!-- Zoom disabilitato: gli utenti non possono ingrandire la pagina -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Corretto: gli utenti possono usare liberamente il gesto di pizzico per ingrandire -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Sia user-scalable=no sia un valore restrittivo di maximum-scale impediscono lo zoom: rimuovili entrambi. Il tag viewport si trova di solito nel modello del sito, quindi una sola modifica risolve in genere il problema per tutte le pagine.

Come Silktide esegue il controllo

Carica la pagina come dispositivo mobile e individua i relativi tag viewport nel codice .
Segnala qualsiasi tag viewport che impedisca lo zoom, dichiarando user-scalable=no oppure impostando un valore maximum-scale pari o inferiore alla scala iniziale della pagina.

Risoluzione dei problemi

Riesco a eseguire lo zoom della pagina senza problemi sul mio iPhone

iOS ignora i tentativi di disabilitare lo zoom con pizzico, quindi la pagina continuerà a ingrandirsi su un iPhone. I browser Android rispettano questa restrizione, quindi il problema è reale per una quota significativa dei tuoi visitatori: prova su un dispositivo Android per verificarlo.

Perché risolvere il problema se iOS lo ignora?

Perché Android non lo ignora e perché il tag segnala un'intenzione che alcuni browser, webview incorporate e strumenti di assistenza rispettano ancora. Il codice non ha alcuna utilità; rimuoverlo non comporta svantaggi.