UX et accessibilité

Zoom d’un site : repérer les contenus qui deviennent inutilisables

Le zoom d’un site doit permettre de lire et d’agir sans faire disparaître les informations nécessaires. Pour contrôler une page, partez d’une tâche et relevez ce qui devient inaccessible lorsque l’affichage s’agrandit ou que la largeur disponible diminue.

Schéma original du dossier : UX et accessibilité
Repères pour ce dossier, illustration pédagogique originale.

Agrandir sans perdre la tâche

Le zoom d’un site doit permettre de lire et d’agir sans faire disparaître les informations nécessaires. Pour contrôler une page, partez d’une tâche et relevez ce qui devient inaccessible lorsque l’affichage s’agrandit ou que la largeur disponible diminue.

Le critère WCAG de redistribution, consulté le 6 octobre 2026, vise à limiter le défilement dans deux directions, avec des exceptions pour certains contenus. Cette fiche propose une préparation de contrôle, pas un verdict réglementaire.

Séparer les situations d’agrandissement

Un écran étroit, un zoom de page et un agrandissement du texte peuvent modifier la disposition différemment. Notez lequel vous utilisez, le navigateur et la largeur de départ. Sans ces indications, une capture isolée est difficile à interpréter.

Commencez sans agrandissement pour comprendre le parcours : trouver une information, ouvrir une rubrique et utiliser une commande. Rejouez ensuite ce parcours après agrandissement. Vérifiez la page entière, mais aussi les encarts, messages et fenêtres apparus en cours d’utilisation.

Le contrôle du menu mobile aide à examiner la navigation qui change de forme. Si un texte paraît difficile à lire malgré l’agrandissement, vérifiez séparément son contraste.

Exemple fictif : une fiche qui coupe son bouton

Une fiche de produit imaginaire présente un titre, une description et un bouton « Voir les détails ». Son cadre a une hauteur fixe. Quand le texte grandit, la description occupe davantage de lignes et le bouton sort du cadre visible.

Le correctif à envisager est une disposition capable d’accueillir le contenu, plutôt qu’une réduction de la police ou une suppression de la description. Après modification, contrôlez un titre court puis un titre long. Ajoutez un message d’indisponibilité fictif pour vérifier que cet état conserve aussi le bouton.

Cet exemple ne décrit aucun site audité. Il sert à distinguer une contrainte de mise en page d’un manque d’espace ponctuel.

Tenir un journal de redistribution

Situation Observation utile Décision à préparer
Texte sur plusieurs lignes Une information est-elle coupée ? Laisser le bloc grandir
Colonne devenue étroite Faut-il déplacer la page latéralement ? Répartir les blocs
Tableau complexe Quelle relation dépend des deux dimensions ? Justifier le traitement adapté
Message tardif Masque-t-il une commande ? Revoir son emplacement

Ajoutez une colonne pour les paramètres de contrôle et une autre pour le résultat du recontrôle. Une difficulté observée doit conduire à une hypothèse précise. « Le mobile est mauvais » ne permet pas de choisir une correction.

Certains contenus, comme une carte ou un tableau réellement bidimensionnel, nécessitent un examen spécifique. Ne prenez pas cette possibilité pour une exception applicable à tous les blocs. Une phrase ordinaire ne doit pas devenir illisible parce qu’elle est placée dans une grille décorative.

Questions fréquentes

Une capture sur téléphone suffit-elle ?

Elle montre une situation, mais ne décrit pas tous les effets du zoom ou de l’agrandissement du texte. Gardez plusieurs contrôles identifiables et rejouez la même tâche.

Peut-on masquer du texte pour éviter le débordement ?

Évitez de retirer une information nécessaire à la tâche. Cherchez d’abord à réorganiser le contenu et à supprimer les dimensions qui empêchent le bloc de s’adapter.

Tout défilement horizontal est-il interdit ?

Le contexte et les exceptions du critère comptent. Documentez pourquoi un contenu dépend de deux dimensions, au lieu d’appliquer une conclusion identique à toute la page.

Sources

Documentation consultée lors de la relecture du 6 octobre 2026.

Poursuivre votre lecture

Revenir au dossier