# 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.

**URL:** https://convertto.tech/t/touch-target-checker
**Category:** Accessibility (https://convertto.tech/c/accessibility-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **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

## How to use

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

## FAQ

### 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.

## Related tools

- [Alt Text Checker](https://convertto.tech/t/alt-text-checker): Find images with missing, empty, filename-based or overlong alternative text.
- [ARIA Roles Reference](https://convertto.tech/t/aria-roles-reference): Search ARIA roles with their required attributes, native HTML equivalents and gotchas.
- [Heading Structure Validator](https://convertto.tech/t/heading-structure-validator): Check a page for skipped heading levels, missing or multiple H1s and empty headings.
- [HTML Landmark Checker](https://convertto.tech/t/html-landmark-checker): Check a page for the landmark regions screen reader users navigate by.
- [Link Text Checker](https://convertto.tech/t/link-text-checker): Find vague link wording — "click here", "read more", bare URLs and duplicated labels.
- [Palette Accessibility Grader](https://convertto.tech/t/palette-accessibility-grader): Grade every colour in a palette against one or more backgrounds for WCAG contrast.
- [WCAG Contrast Checker](https://convertto.tech/t/contrast-checker): Check colour contrast against WCAG AA and AAA thresholds for accessible text.
- [AI Alt Text Generator](https://convertto.tech/t/ai-alt-text-generator): Describe an image with a captioning model running in your browser — a first draft for the alt attribute you then edit.