Zoom désactivé

Silktide vérifie chaque page pour repérer du code qui empêche les visiteurs de zoomer sur les appareils mobiles. Le zoom par pincement (pinch-to-zoom) devrait toujours être disponible, car de nombreuses personnes en dépendent pour lire votre contenu.

Le code responsable est la balise de la page :

<!-- Problème : user-scalable=no et maximum-scale=1 bloquent tous deux le zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<!-- Correctif : permettre aux utilisateurs de zoomer -->
<meta name="viewport" content="width=device-width, initial-scale=1">

Pourquoi c’est important

Le zoom par pincement est la façon dont les personnes ayant une basse vision lisent le Web sur un téléphone. C’est aussi ainsi que tout le monde gère les petits caractères, les cartes denses et les images détaillées. Une page qui le désactive rend tout cela impossible — il n’existe aucune solution de rechange qu’un visiteur puisse appliquer.

Le zoom est généralement désactivé pour des raisons esthétiques, afin d’empêcher un décalage de la mise en page. Le coût retombe entièrement sur les personnes qui ont le plus besoin de cette fonctionnalité, et les directives d’accessibilité exigent que le texte puisse être redimensionné. Certains appareils ignorent maintenant cette restriction précisément parce qu’elle cause tant de tort, mais de nombreux navigateurs la respectent encore.

Comment le corriger

Retirez user-scalable=no de chaque balise viewport.
Retirez les valeurs maximum-scale qui plafonnent le zoom à ou près de la taille normale de la page (par exemple maximum-scale=1).
Si votre mise en page se brise lors d’un zoom, corrigez la mise en page au moyen d’une plutôt que de bloquer le zoom pour les visiteurs.

Comment Silktide effectue ce test

Chargez la page sur un appareil mobile simulé.
Repérez chaque balise meta viewport.
Signalez chaque balise qui bloque le zoom — soit user-scalable=no, soit un maximum-scale qui n’est pas supérieur à l’échelle à laquelle la page se charge déjà.

Dépannage

Je peux encore zoomer sur mon iPhone

iOS ignore ces restrictions de viewport et permet quand même le zoom par pincement. D’autres navigateurs et plateformes les respectent toujours, donc le code demeure un véritable obstacle et devrait être corrigé. Pour reproduire le problème, faites l’essai sur un appareil Android.

La balise est ajoutée par mon cadriciel ou mon thème

Certains anciens thèmes et certains cadriciels d’applications injectent user-scalable=no par défaut. Cherchez un paramètre de viewport ou de zoom dans le thème, ou remplacez la balise dans votre gabarit de page.