Taille de la cible (renforcée)

Ce que le critère demande

Chaque cible interactive doit occuper une zone de frappe d’au moins 44×44 pixels CSS. Les mêmes exemptions que pour le critère AA 2.5.8 s’appliquent : cible équivalente disponible, texte en ligne, contrôle de l’agent utilisateur, essentiel et conforme.

44×44 est la valeur sur laquelle Apple, Google et Microsoft convergent dans leurs propres directives de conception, de sorte que respecter ce critère de succès tend à s’aligner sur les normes d’interface des plateformes plutôt qu’à les contredire.

Comment y répondre

• Définir min-width: 44px; min-height: 44px sur les boutons, les contrôles icône uniquement, les champs de formulaire et toute cible tactile.
• Utiliser le rembourrage à l’intérieur des petits boutons icône pour pousser la zone de frappe à 44×44, même lorsque le glyphe de l’icône fait 16 à 24 px.
• Auditer en priorité la pagination, les fils d’Ariane, la navigation mobile, les icônes d’action dans les lignes de tableau, les boutons de suppression de puces et les boutons d’action flottants.
• Pour les contrôles qui doivent être visuellement petits, s’assurer qu’il y a 44×44 d’espace libre autour d’eux (aucune autre cible dans ce rayon).

Échecs courants

• Boutons icône de 24×24 ou 32×32 dans les barres d’outils — passent le niveau AA mais échouent au AAA.
• Lignes de pagination avec des cases de 30 pixels.
• Actions sur les lignes de tableau denses où Modifier / Dupliquer / Supprimer sont côte à côte.
• Boutons × de suppression de puces stylisés à 12–20 px.

Pourquoi c’est important

Le plancher de 44×44 est le seuil à partir duquel les appuis manqués tombent à quasi zéro pour les utilisateurs présentant la maladie de Parkinson, un tremblement essentiel, la sclérose en plaques et d’autres conditions motrices, ainsi que pour tous ceux qui utilisent un téléphone d’une seule main en mouvement. Les critères de succès AAA ne sont généralement pas requis pour la conformité, mais de nombreux secteurs réglementés (banque, administration, santé) ciblent le niveau AAA dans l’interface mobile en particulier, en raison de l’impact disproportionné de l’interface mobile sur les utilisateurs présentant des déficiences motrices. Si le critère 2.5.8 est déjà satisfait, passer de 24 à 44 est généralement un simple changement de classe Tailwind.