Touch Target Size Tester
Verify interactive elements against WCAG 2.2 SC 2.5.8 (24px minimum) and best-practice 44px targets.
WCAG 2.2 SC 2.5.8 — Target Size (Minimum)
24 × 24px — WCAG 2.2 Level AA
The legal minimum under the EAA, EN 301 549 clause 9.2.5.8, and WCAG 2.2 AA. Every interactive element must meet this unless the spacing exception applies.
44 × 44px — Apple HIG & WCAG 2.5.5 AAA
Apple and Google both recommend 44–48px for comfortable one-handed mobile use. This was the WCAG 2.1 AAA requirement and remains best practice for all touch surfaces.
Spacing Exception (SC 2.5.8)
If a target is smaller than 24px, it still passes if there is sufficient space between it and adjacent targets — specifically, the offset must make the total target + offset ≥ 24px on each side.
Fail — below 24px
4px short of the 24px WCAG 2.2 AA minimum.
Spacing exception may apply — see Spacing Calculator below.
Live Component Preview — 20px target
Icon Button
Close/dismiss/toolbar button
✗ Fail
Checkbox
Form checkbox
✗ Fail
Radio
Form radio input
✗ Fail
Nav Item
Navigation link/tab
✗ Fail
Expand Arrow
Accordion / dropdown trigger
✗ Fail
Info Icon
Tooltip / help trigger
✗ Fail
Dashed outline shows required 24px minimum. Red elements are failing SC 2.5.8.
SC 2.5.8 Spacing Exception Calculator
If targets are smaller than 24px, adequate spacing between them may satisfy SC 2.5.8.
Using the size set above.
Spacing exception applies
With 8px gap, the target offset (20px + 8px = 28px) meets the 24px threshold. Document this decision in your accessibility statement.
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.