Aiuto e documentazione
UX / UI Impatto alto Facile 2 min
Zoom della pagina bloccato
Non impedire mai all'utente di ingrandire la pagina.
Cos'è
Alcuni siti disabilitano l'ingrandimento nel meta viewport tramite user-scalable=no o maximum-scale=1. L'utente non può quindi "allargare" la pagina con le dita.
Perché è importante
Disabilitare lo zoom è un grave problema di accessibilità, le persone ipovedenti hanno bisogno di ingrandire il contenuto. È una violazione delle WCAG e su mobile danneggia direttamente l'usabilità. Non porta alcun vantaggio reale.
Come fare
- 1Dal meta tag viewport rimuovi sia user-scalable=no sia maximum-scale.
- 2Lascia solo "width=device-width, initial-scale=1".
- 3Se lo zoom "rompeva" il layout, risolvilo con un CSS responsive, non disabilitando lo zoom.
Esempio
Sbagliato
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">Corretto
<meta name="viewport" content="width=device-width, initial-scale=1">Conclusione
Non disabilitare mai lo zoom, è una correzione di due minuti con un impatto diretto sull'accessibilità. Rimuovi user-scalable=no e maximum-scale e lascia che l'utente ingrandisca. Rientra tra le vittorie UX rapide e importanti.
Argomenti correlati