Petits contrôles sur mobile

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 largeur et 12 pixels de hauteur 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 être presque impossible à activer sur un téléphone — les visiteurs manquent leur cible, touchent plutôt le lien voisin et se retrouvent à un endroit qu’ils n’avaient pas l’intention de visiter. Les personnes ayant des limitations motrices, des tremblements ou de plus gros doigts sont les plus touchées, mais tout le monde se trompe de cible lorsque celles‑ci sont minuscules.

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 gros, plus de marge interne (padding), ou une taille minimale explicite en :

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

Pour les liens ne comportant qu’une icône, agrandissez la zone cliquable au‑delà de l’icône elle‑même avec de la marge interne, plutôt que d’agrandir l’icône.
Si un élément ne devrait pas être interactif — par exemple un lien vide laissé par erreur — supprimez‑le plutôt que de le redimensionner.

Comment Silktide le vérifie

Charger la page sur un appareil mobile simulé.
Repérer tous les contrôles interactifs : liens, zones de carte d’image, champs de formulaire, menus déroulants, zones de texte et boutons.
Ignorer les contrôles qui sont cachés au chargement de la page, n’ont aucune dimension, 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 lors de son chargement. Les contrôles à l’intérieur de menus ou de panneaux qui s’ouvrent plus tard sont mesurés dans leur état initial, ce qui peut parfois signaler un élément en pleine 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 un seuil volontairement indulgent. Les vérifications liées — Taille minimale de la cible au niveau AA et Taille raisonnable de la cible au — imposent des exigences de taille plus strictes avec des exceptions plus nuancées.