Zoom par pincement activé

Silktide vérifie que vos pages permettent aux visiteurs sur des appareils mobiles de zoomer avec un geste de pincement. Le zoom est la manière dont beaucoup de personnes agrandissent le texte pour le rendre lisible, et, malheureusement, les pages peuvent le désactiver.

Pourquoi c’est important

Un très grand nombre de personnes zooment régulièrement sur leur téléphone — toute personne dont la vue n’est pas parfaite, ce qui, avec l’âge, concerne la plupart d’entre nous. Une page qui désactive le zoom par pincement les oblige à plisser les yeux devant un texte qu’ils ne peuvent pas agrandir, et pour les personnes malvoyantes cela peut rendre la page inutilisable. Le critère de succès 1.4.4 ( des ) exige que le texte puisse être redimensionné jusqu’à 200 %; sur mobile, le zoom est le mécanisme qui le permet.

Désactiver le zoom n’est presque jamais un choix de conception intentionnel : cela provient le plus souvent d’une balise de modèle copiée-collée.

Comment le corriger

Supprimez les restrictions de zoom de la balise de votre page :

<!-- Zoom désactivé : les utilisateurs ne peuvent pas agrandir la page -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- Corrigé : les utilisateurs peuvent zoomer par pincement librement -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Les attributs user-scalable=no et un maximum-scale restrictif empêchent le zoom ; supprimez-les tous les deux. La balise viewport se trouve généralement dans le modèle de votre site ; une seule modification corrige donc en général toutes les pages.

Comment Silktide teste cela

Chargez la page en mode appareil mobile et trouvez ses balises viewport dans le .
Signalez toute balise viewport qui empêche le zoom, soit en déclarant user-scalable=no, soit en définissant un maximum-scale égal ou inférieur à l’échelle initiale de la page.

Dépannage

Je peux zoomer la page sans problème sur mon iPhone

iOS ignore les tentatives de désactiver le zoom par pincement, donc la page pourra toujours zoomer sur un iPhone. Les navigateurs Android respectent cette restriction, donc le problème est réel pour une grande partie de vos visiteurs — testez sur un appareil Android pour le constater.

Pourquoi le corriger si iOS l’ignore ?

Parce qu’Android ne l’ignore pas, et parce que cette balise exprime une intention que certains navigateurs, webviews intégrées et outils d’assistance respectent encore. Ce code n’a aucune utilité ; le supprimer n’a aucun inconvénient.