UX et accessibilité

Zones tactiles : vérifier les commandes difficiles à activer

Une petite commande devient difficile à utiliser lorsque sa surface activable est étroite ou trop proche de ses voisines. Examinez la zone qui répond au clic, puis l’espace disponible autour d’elle. La taille du dessin ou de l’icône ne décrit pas toujours cette surface.

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

Vérifier la surface réellement activable

Une petite commande devient difficile à utiliser lorsque sa surface activable est étroite ou trop proche de ses voisines. Examinez la zone qui répond au clic, puis l’espace disponible autour d’elle. La taille du dessin ou de l’icône ne décrit pas toujours cette surface.

Cette fiche propose un contrôle ciblé, sans attester une conformité globale. Le critère WCAG consacré aux cibles, consulté le 6 octobre 2026, comporte aussi des exceptions d’espacement et d’usage. Une vérification doit donc conserver son contexte.

Choisir les actions à examiner

Commencez par un parcours concret : passer à la page suivante, retirer un filtre ou fermer un encart. Relevez les commandes qui doivent être activées successivement et celles dont une erreur aurait un effet gênant. Une suppression placée contre une modification mérite une attention particulière.

Affichez la page à une largeur représentative du téléphone. Vérifiez aussi les états qui changent la disposition : libellé plus long, filtre actif ou résultat vide. Le contrôle complète celui de la navigation mobile, sans remplacer les essais du menu.

Dans les outils du navigateur, examinez les dimensions de l’élément interactif et sa zone de remplissage. Un espace extérieur peut éloigner deux commandes, mais ne rend pas automatiquement le bouton lui-même plus facile à activer. Évitez de déduire le comportement du seul dessin de la maquette.

Exemple fictif : une pagination trop serrée

Imaginez trois boutons « Précédent », « Suivant » et « Dernier ». Sur une petite largeur, les libellés se replient et les boutons se touchent. Le problème à documenter est l’ambiguïté de l’action, pas seulement l’apparence.

Préparez deux propositions : augmenter la surface du bouton et permettre à la rangée de se répartir sur plusieurs lignes. Comparez-les avec les mêmes libellés. Une simple réduction de police peut conserver la rangée tout en rendant les commandes moins lisibles.

Cette situation est une création éditoriale. Aucun essai utilisateur ni taux d’erreur n’a été mesuré pour cet exemple.

Une fiche de contrôle réutilisable

Champ Information à noter
Action Ce que la personne souhaite faire
Surface Élément activable et dimensions relevées
Voisin Action adjacente susceptible d’être déclenchée
État Largeur, libellé et contenu affichés
Décision Agrandir, espacer ou réorganiser
Recontrôle Même parcours après modification

Ne remplissez pas « conforme » parce qu’un bouton semble grand. Une exception doit être justifiée, et les autres exigences d’accessibilité restent à examiner. Conservez les observations brutes pour qu’une autre personne puisse refaire le contrôle.

Après modification, testez aussi le parcours au clavier. Le changement de dimensions ne doit pas masquer le focus, déplacer une commande hors écran ou rendre sa fonction incompréhensible.

Questions fréquentes

Une icône plus grande suffit-elle ?

Pas forcément. Vérifiez l’élément qui reçoit l’activation et l’espace autour de lui. Une grande image dans un petit lien peut conserver une zone difficile à atteindre.

Faut-il agrandir tous les liens d’un paragraphe ?

Les liens intégrés au texte ont un contexte particulier. Consultez les exceptions du critère avant d’appliquer la même règle aux commandes isolées et aux phrases de lecture.

Ce contrôle remplace-t-il un audit d’accessibilité ?

Non. Il documente une difficulté d’activation. Le clavier, les intitulés, les états, la lecture et les besoins des utilisateurs demandent des vérifications complémentaires.

Sources

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

Poursuivre votre lecture

Revenir au dossier