Touch Target Size Tester
Verify interactive elements against WCAG 2.2 SC 2.5.8 (24px minimum) and best-practice 44px targets.
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 — 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.