Free Web & UX Tools
Tap-target Size Checker
Compare control dimensions and spacing against editable mobile touch-target guidance.
What this tool does
The calculator visualizes the control inside a reference target and reports width, height, and gap shortfalls.
Compare control dimensions and spacing against editable mobile touch-target guidance.
The calculator visualizes the control inside a reference target and reports width, height, and gap shortfalls.
Use the tool
Check a touch target
Enter the rendered control size, target minimum, and neighbouring gap.
Rendered control and target
Live result
Target needs expansion
32 × 32px control
- Width shortfall
- 12px
- Height shortfall
- 12px
- Neighbour gap
- 8px
How to use it
Three quick steps
- 1Enter the rendered control size, target minimum, and neighbouring gap.
- 2Review which dimension needs more interactive area or spacing.
- 3Verify the result in its real production context. Accessibility depends on context, assistive technology, error tolerance, and the complete interaction—not size alone.
Worked example
Example: Tap-target Size Checker
Check a 32 × 32 icon button against a 44 × 44 working target.
FAQ
Questions about the tap-target size checker
Practical details about using the tool and understanding its result.
Keep working
Related tools
Responsive Breakpoint Preview
Load a public page into adjustable mobile, tablet, laptop, and desktop viewport frames.
Open toolUX Heuristic Checklist
Review an interface against visibility, control, consistency, prevention, recognition, flexibility, and recovery principles.
Open toolWebsite Screenshot Size Checker
Inspect a local screenshot’s dimensions against common viewport and full-page capture contexts.
Open toolFrom one asset to the whole workflow
Keep this decision connected to the work, feedback, and final approval.
Draftroom keeps projects, creative files, feedback, revisions, and approvals connected in one workspace.