Contrôles mobiles trop petits

Silktide charge chaque page sur un appareil mobile simulé et signale les liens, les boutons et les contrôles de formulaire trop petits pour être touchés de façon fiable. Les contrôles doivent mesurer au moins 12 pixels de large et 12 pixels de haut pour réussir.

Pourquoi c’est important

Les doigts sont moins précis que les pointeurs de souris. Un contrôle facile à cliquer sur ordinateur peut devenir presque impossible à toucher sur un téléphone : les visiteurs ratent, touchent le lien voisin à la place et se retrouvent là où ils ne l’avaient pas prévu. Les personnes ayant des déficiences motrices, des tremblements ou de plus gros doigts sont les plus touchées, mais tout le monde appuie parfois à côté sur de toutes petites cibles.

Le seuil de 12 pixels ne repère que les contrôles gravement sous-dimensionnés ; des cibles tactiles confortables sont nettement plus grandes (les recommandations courantes suggèrent environ 44 pixels).

Comment corriger

Augmentez la taille du contrôle signalé — texte plus grand, davantage de padding, ou une taille minimale explicite en :

\/* Donner aux cibles tactiles une taille minimale confortable *\/
a.icon-button {
  min-width: 44px;
  min-height: 44px;
}

Pour les liens composés uniquement d’une icône, agrandissez la zone tactile au-delà de l’icône elle‑même à l’aide de padding, plutôt que d’agrandir l’icône.
Si un élément ne doit pas être interactif — par exemple un lien vide résiduel — supprimez‑le au lieu de le redimensionner.

Comment Silktide teste cela

Charger la page sur un appareil mobile simulé.
Rechercher tous les contrôles interactifs : liens, zones de carte d’image (image map), champs de formulaire, menus déroulants, zones de texte et boutons.
Ignorer les contrôles qui sont masqués au chargement de la page, n’ont pas de dimensions, ou se trouvent entièrement hors écran.
Mesurer chaque contrôle restant et signaler ceux dont la largeur ou la hauteur est inférieure à 12 pixels.

Dépannage

L’élément n’apparaît qu’après une interaction

Silktide mesure la page pendant son chargement. Les contrôles situés dans des menus ou des panneaux qui s’ouvrent plus tard sont mesurés dans leur état initial, ce qui peut parfois signaler un élément en cours d’animation. Si le contrôle a une taille confortable lorsqu’il est réellement utilisable, le résultat.

Quel est le lien avec les règles WCAG sur la taille des cibles ?

Ce contrôle concerne l’ergonomie mobile et utilise volontairement un seuil indulgent. Les contrôles associés — Taille de la cible au niveau AA et Taille de cible raisonnable au — imposent des exigences de taille plus strictes avec des exceptions plus nuancées.