Échec de la connexion. Veuillez réessayer.

Aller au contenu
SEO Tools
Aide et documentation
UX / UI Impact moyen Facile 15 à 30 minutes

Lisibilité et taille des liens/boutons

Les éléments cliquables doivent être lisibles et faciles à atteindre.

Ce que c’est

Les liens et les boutons avec du texte minuscule sont plus difficiles à lire et, surtout, plus difficiles à toucher avec le doigt sur un écran tactile. Cela concerne la taille de ce que l'on appelle la cible du clic (la zone cliquable).

Pourquoi c’est important

Les petits éléments cliquables augmentent le taux d'erreur : au lieu de cliquer, l'utilisateur manque ou clique sur un lien adjacent. C'est frustrant et réduit les conversions. Google recommande une cible tactile d'au moins 48 × 48 px avec un espacement.

Comment faire

  1. 1Donnez aux liens et aux boutons un texte lisible (idéalement 14px+).
  2. 2Assurez une zone cliquable suffisante (min. ~ 44 à 48 px) via le remplissage, pas seulement la taille du texte.
  3. 3Laissez un espacement entre les éléments cliquables adjacents (par exemple 8px+) afin que les doigts ne les chevauchent pas.
  4. 4Sur mobile, testez avec votre pouce, pas avec une souris.

Exemple

Correct
.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* sufficient clickable area */
  display: inline-block;
}

Conclusion

Rendre les éléments cliquables généreux : texte lisible, remplissage et espacement suffisants. Vous ne pouvez vérifier la taille exacte de la cible tactile que dans le navigateur, mais un petit texte cliquable est un signal clair à corriger. Moins de faux clics = plus de conversions.

Sujets liés