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?
This tool checks whether the buttons, links, and form controls on your website or app are large enough to tap with a finger. Targets that are too small are a barrier for people with motor disabilities.
When do I need this?
Use this when you have a mobile website or app, or any website that can be viewed on a touchscreen. If your product is only used on desktop with a mouse and keyboard, this check is lower priority.
- 1Enter your element size — Type the width and height (in pixels) of the button, link, or control you're checking. If you're not sure, right-click it in your browser, choose Inspect, and look for the width/height values in the Styles panel.
- 2Read the verdict — The tool immediately tells you whether the element passes the minimum legal requirement (24px — WCAG 2.2 AA) or the recommended comfortable size (44px for iOS, 48px for Android).
- 3Use the spacing exception if needed — If your buttons are small but spread apart, WCAG allows an exception. Enter the gap between adjacent targets; the tool will tell you whether the exception applies.
- 4Get the CSS fix — Switch to the CSS Fix tab to get the exact code that will fix the issue. Copy and send it to your developer — no expertise needed.
- 5Export your evidence — Scroll to the Export section and download a record of your test. This becomes part of your EAA Technical File.
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é.
Export as evidence
Target 20px (goal 44px) — spacing 8px, adjacent 2px
Every export includes a legal-evidence metadata footer with the audit ID, generation date, tool version, EN 301 549 clauses, and the standard disclaimer. Legal-grade evidence — not legal advice.
Important Legal Disclaimer
This tool is a self-assessment aid only and does not constitute legal advice or a formally certified compliance assessment. Outputs — including reports, scores, checklists, and accessibility statements — are for internal use and should be reviewed by a qualified legal representative or independent accessibility auditor before being relied upon for regulatory, procurement, or public-disclosure purposes. All assessment risk lies with the internal assessor. accessibilityref, its developers, and staff accept zero liability for losses arising from use of or reliance on these outputs. Always verify against official sources: the W3C WCAG 2.2 Recommendation, the European Accessibility Act (Directive 2019/882), and your national enforcement authority.