Skip to content
Convertto

Touch Target Size Checker

Check whether a button or link meets the minimum tap target size and spacing.

A tap target that is too small causes mis-taps for everyone and blocks users with motor impairments entirely. WCAG 2.2 AA requires 24×24 CSS pixels or equivalent spacing, WCAG 2.1 AAA requires 44×44, Apple recommends 44 points and Material Design 48dp. This checker grades a target against all four.

Runs in your browser
WCAG 2.2 AA
24×24 CSS pixels, or a spacing exception
Apple and Material
44pt and 48dp respectively
Privacy
Runs entirely in your browser — nothing is uploaded
Cost
Free, unlimited, no sign-up

Frequently asked questions

Does the visible size have to match the tappable size?

No, and often it should not. A 16px icon with 14px of padding gives a 44px target while staying visually small. Padding the hit area rather than scaling the graphic is the standard fix.

How to use the touch target size checker

  1. 1Set the target width.
  2. 2Set the target height.
  3. 3Set the gap to the nearest target.
  4. 4Choose the check against.
  5. 5The result appears immediately — copy or download it.

Embed this tool

Put the working touch target size checker on your own site. It runs in your visitors' browsers exactly as it does here — free, no account, nothing uploaded.

Share this tool

Related tools

Alt Text CheckerFind images with missing, empty, filename-based or overlong alternative text.ARIA Roles ReferenceSearch ARIA roles with their required attributes, native HTML equivalents and gotchas.Heading Structure ValidatorCheck a page for skipped heading levels, missing or multiple H1s and empty headings.HTML Landmark CheckerCheck a page for the landmark regions screen reader users navigate by.Link Text CheckerFind vague link wording — "click here", "read more", bare URLs and duplicated labels.Palette Accessibility GraderGrade every colour in a palette against one or more backgrounds for WCAG contrast.

Last updated

More accessibility