Testeur de taille de cible tactile
Vérifiez les éléments interactifs par rapport au WCAG 2.2 SC 2.5.8 (minimum 24 px) et aux cibles recommandées de 44 px.
What is this?
Cet outil vérifie si les boutons, les liens et les contrôles de formulaire de votre site web ou application sont assez grands pour être activés du doigt. Les éléments trop petits constituent un obstacle pour les personnes en situation de handicap moteur.
When do I need this?
Utilisez cet outil si vous avez un site mobile ou une application, ou tout site web pouvant être consulté sur écran tactile. Si votre produit n'est utilisé que sur bureau avec une souris et un clavier, cette vérification est moins prioritaire.
- 1Entrez la taille de votre élément, Tapez la largeur et la hauteur (en pixels) du bouton, du lien ou du contrôle que vous vérifiez. Si vous n'êtes pas sûr, cliquez dessus avec le bouton droit dans votre navigateur, choisissez Inspecter et recherchez les valeurs de largeur/hauteur dans le panneau Styles.
- 2Lisez le verdict, L'outil vous indique immédiatement si l'élément satisfait à l'exigence légale minimale (24px, WCAG 2.2 AA) ou à la taille recommandée pour le confort (44px pour iOS, 48px pour Android).
- 3Utilisez l'exception d'espacement si nécessaire, Si vos boutons sont petits mais espacés, WCAG permet une exception. Entrez l'écart entre les éléments adjacents ; l'outil vous indiquera si l'exception s'applique.
- 4Obtenez la correction CSS, Allez à l'onglet Correction CSS pour obtenir le code exact qui corrigera le problème. Copiez-le et envoyez-le à votre développeur, aucune expertise requise.
- 5Exportez votre preuve, Faites défiler jusqu'à la section Exportation et téléchargez un enregistrement de votre test. Cela devient partie de votre Dossier Technique EAA.
WCAG 2.2 SC 2.5.8, Taille de la cible (minimum)
24 × 24 px, WCAG 2.2 Niveau AA
Le minimum légal en vertu de l'AEA, de la clause 9.2.5.8 de la EN 301 549 et du WCAG 2.2 AA. Chaque élément interactif doit respecter ce seuil, sauf si l'exception d'espacement s'applique.
44 × 44 px, Apple HIG et WCAG 2.5.5 AAA
Apple et Google recommandent tous deux 44 à 48 px pour une utilisation mobile confortable à une main. C'était l'exigence WCAG 2.1 AAA et cela reste la meilleure pratique pour toutes les surfaces tactiles.
Exception d'espacement (SC 2.5.8)
Si une cible est inférieure à 24 px, elle est tout de même conforme s'il y a un espace suffisant entre elle et les cibles adjacentes, spécifiquement, le décalage doit porter le total cible + décalage à ≥ 24 px de chaque côté.
Non conforme, inférieur à 24 px
4 px en dessous du minimum WCAG 2.2 AA de 24 px.
L'exception d'espacement peut s'appliquer, voir le calculateur d'espacement ci-dessous.
Aperçu en direct des composants, cible de 20 px
Icon Button
Close/dismiss/toolbar button
✗ Non conforme
Checkbox
Form checkbox
✗ Non conforme
Radio
Form radio input
✗ Non conforme
Nav Item
Navigation link/tab
✗ Non conforme
Expand Arrow
Accordion / dropdown trigger
✗ Non conforme
Info Icon
Tooltip / help trigger
✗ Non conforme
Le contour en pointillés indique le minimum requis de 24 px. Les éléments rouges ne respectent pas le SC 2.5.8.
Calculateur d'exception d'espacement SC 2.5.8
Si les cibles sont inférieures à 24 px, un espacement adéquat entre elles peut satisfaire le SC 2.5.8.
Utilisation de la taille définie ci-dessus.
L'exception d'espacement s'applique
Avec un écart de 8 px, le décalage de la cible (20 px + 8 px = 28 px) atteint le seuil de 24 px. Documentez cette décision dans votre déclaration d'accessibilité.
Exporter comme preuve
Target 20px (goal 44px), spacing 8px, adjacent 2px
Chaque export inclut un pied de page de métadonnées de preuve juridique avec l'ID d'audit, la date de génération, la version de l'outil, les clauses EN 301 549 et l'avertissement standard. Preuve de qualité juridique, pas de conseil juridique.
Avertissement juridique important
Cet outil est uniquement une aide à l'auto-évaluation et ne constitue pas un conseil juridique ni une évaluation de conformité officiellement certifiée. Les sorties, y compris rapports, scores, listes de contrôle et déclarations d'accessibilité, sont à usage interne et doivent être examinées par un représentant juridique qualifié ou un auditeur d'accessibilité indépendant avant d'être utilisées à des fins réglementaires, d'achat ou de divulgation publique. Tout le risque de l'évaluation incombe à l'évaluateur interne. accessibilityref, ses développeurs et son personnel n'acceptent aucune responsabilité pour les pertes résultant de l'utilisation ou de la confiance accordée à ces sorties. Vérifiez toujours auprès des sources officielles: la Recommandation W3C WCAG 2.2, le European Accessibility Act (Directive 2019/882), et votre autorité d'application nationale.