Touch Target Size Checker
Check button and link dimensions against WCAG 2.2 target-size minimum guidance and a simplified spacing test.
Check touch target size and spacing
Compare a target's CSS pixel dimensions with the WCAG 2.2 24 × 24 CSS px minimum or a simplified same-size spacing condition.
WCAG 2.2 touch target size checker
WCAG 2.2 Success Criterion 2.5.8 Target Size (Minimum) requires pointer targets to be at least 24 by 24 CSS pixels, or to satisfy a spacing condition, subject to listed exceptions. The official wording and exceptions matter for conformance. W3C Target Size (Minimum) guidance.
What this checker does
The direct test is simple: both width and height must be at least 24 CSS px. For smaller controls, this tool also shows center-to-center spacing using a simplified assumption that adjacent targets have the same dimensions and the entered edge gap. Real interfaces can have irregular shapes, diagonal neighbors, inline links and overlapping exclusion circles, so spacing needs visual/manual verification.
Why larger targets may still be desirable
Passing a minimum success criterion is not the same as creating an easy-to-use interface. Touch accuracy varies with device, motor ability, context and motion. Teams commonly choose larger controls for primary actions even when 24px would satisfy the minimum criterion.
Use CSS pixels, not physical screen pixels
WCAG expresses the requirement in CSS pixels. Inspect the rendered CSS box rather than multiplying by device pixel ratio. Also verify focus visibility, accessible names, keyboard operation and spacing as separate accessibility concerns.