Débloquer le zoom sur mobile (user-scalable=no)

Le problème

Une meta viewport contenant user-scalable=no ou maximum-scale=1 interdit le zoom par pincement : les personnes malvoyantes ne peuvent plus agrandir votre texte sur mobile. Le critère 10.4 du RGAA exige que le texte reste agrandissable à 200 % — et les navigateurs mobiles ont d’ailleurs commencé à ignorer cette interdiction, preuve qu’elle n’aurait jamais dû exister.

La correction

<meta name="viewport" content="width=device-width, initial-scale=1">

Supprimez user-scalable=no et tout maximum-scale inférieur à 5. C’est une ligne dans le head de votre gabarit.

« Mais ça cassait mon design »

L’interdiction du zoom date des premiers sites mobiles, pour masquer des interfaces qui géraient mal l’agrandissement. La vraie correction est un design qui tolère le zoom — ce que tout CSS moderne fait naturellement. Si un composant se comporte mal zoomé, corrigez le composant, pas l’utilisateur.

Vérifier la correction

Relancez l’analyse : la détection « Zoom bloqué » disparaît. Puis testez réellement : pincez pour zoomer sur votre téléphone — tout votre site doit suivre.

Autres erreurs fréquentes à corriger

• Corriger un code de langue invalide
• Corriger une hiérarchie de titres incohérente
• Corriger la langue de page non déclarée (attribut lang)
• Corriger les contrastes de texte insuffisants
• Corriger les liens non explicites (« cliquez ici », « en savoir plus »)
• Corriger une page sans titre principal h1

← Retour au guide RGAA complet