Designers
ToolsDocsProAll the Possibles

All 141 tools / Accessibility checks

Check button and control sizes against WCAG 2.5.8, iOS and web 44, and Android 48 targets.

Touch targetsFreeFor designers and developers

5 min

saved on a typical run. Our estimate, against measuring each control and comparing it with the guidelines by hand.

Before: what you give it

The example input, as typed in. You type in numbers or values.

Close icon 32x32 gap=4
Save button 40x32 gap=8
Tiny toggle 16x16
Inline link 14x14 inline

After: what comes back

The first lines of a real run on that input. Nothing here is edited by hand.

4 targets: 1 fail WCAG 2.5.8 (24 by 24 minimum), 4 under 44, 4 under 48

ok    Close icon  32x32 gap 4  2.5.8 pass, 44: no, 48: no
      Meets WCAG 2.2 AA but is small for fingers; use 44 on iOS and the web, 48 on Android, or pad the hit area without changing the visible size.
ok    Save button  40x32 gap 8  2.5.8 pass, 44: no, 48: no
      Meets WCAG 2.2 AA but is small for fingers; use 44 on iOS and the web, 48 on Android, or pad the hit area without changing the visible size.
FAIL  Tiny toggle  16x16  2.5.8 fail, 44: no, 48: no
      Under 24px on its short side and no spacing given. Make it at least 24 by 24, or add spacing so that size plus gap reaches 24; for touch aim for 44.
ok    Inline link  14x14  2.5.8 exempt, 44: no, 48: no
      Meets WCAG 2.2 AA but is small for fingers; use 44 on iOS and the web, 48 on Android, or pad the hit area without changing the visible size.
... full output on the tool page

What you get

A pass or fail per target for the 24px rule, the 44 and 48 sizes, and a note on how to fix each

What it cannot do

Works from sizes and gaps you list; it does not measure a design file or a live page.

Who it is for

  • Designers
  • Developers

Free and Pro

Free60 runs a day per IP address.
ProNo daily limit, 300 requests a minute.

What each plan includes

Use it from your assistant

The tool is called check_touch_targets. Connect the server once, then ask for it by name or just describe the job. Install steps for each app.

claude mcp add --transport http designers https://designers.allthepossibles.com/mcp
curl -X POST https://designers.allthepossibles.com/api/touch-targets -H 'content-type: application/json' -d '{"text":"Close icon 32x32 gap=4\nSave button 40x32 gap=8\nTiny toggle 16x16\nInline link 14x14 inline"}'

Try it here

The form starts with the same example input, so you can run it first and then swap in your own.

More in accessibility checks

All accessibility checks tools