Touch target size
Applies to All viewports · Touch and Pointer input
There is no single number. WCAG sets a floor for the web; Apple and Android recommend larger targets for their platforms. Design to the platform you are shipping on, and never below the WCAG minimum.
Touch target guidance by source
Global
24 × 24CSS px
Minimum, with spacing and inline exceptions
Standard requirementVerified 7 Oct 2026
44 × 44CSS px
Enhanced
Standard requirementVerified 7 Oct 2026
44 × 44pt
Default control size. Minimum is 28 × 28 pt
Design-system conventionVerified 7 Oct 2026
48 × 48dp
Recommended, with 8 dp or more between targets
Design-system conventionVerified 7 Oct 2026
Singapore
Not stated
The Button page gives no minimum touch-target size
Design-system conventionVerified 7 Oct 2026
| Source | Guidance | To scale | Weight | Checked |
|---|---|---|---|---|
| Global | ||||
WCAG WCAG 2.2 (AA)(opens in a new tab) | 24 × 24CSS pxMinimum, with spacing and inline exceptions | Standard requirement | Verified 7 Oct 2026 | |
WCAG WCAG 2.2 (AAA)(opens in a new tab) | 44 × 44CSS pxEnhanced | Standard requirement | Verified 7 Oct 2026 | |
Apple Apple, iOS and iPadOS(opens in a new tab) | 44 × 44ptDefault control size. Minimum is 28 × 28 pt | Design-system convention | Verified 7 Oct 2026 | |
Material Android / Material(opens in a new tab) | 48 × 48dpRecommended, with 8 dp or more between targets | Design-system convention | Verified 7 Oct 2026 | |
| Singapore | ||||
SGDS SGDS, Button(opens in a new tab) | Not statedThe Button page gives no minimum touch-target size | n/a | Design-system convention | Verified 7 Oct 2026 |
Shortcut takeaway: Treat 24 × 24 CSS px as the floor a standard requires, and the platform figures as the size to design to. SGDS's Button page states no minimum of its own. For a Singapore government web service, the WCAG figure is the one you are held to.
Squares are drawn at 1 unit = 1 CSS px. CSS px, pt and dp are each platform's density-independent unit, so the sizes are comparable but not identical on a given device.
These sources do not carry equal weight
- Standard requirement.
- A testable criterion in a published standard. Whether it is legally required depends on your jurisdiction and contract.
- Government control.
- A control the issuing government expects its agencies and their partners to apply. It does not bind other organisations.
- Design-system convention.
- How one design system does it. Binding only on teams that have adopted that system.
- Research-based best practice.
- Advice drawn from usability research. Persuasive, not mandatory.
- Industry convention.
- A range many shipping products use. Written by Shortcut; no standard or organisation requires it.
- Craft guidance.
- Judgement of the kind given in design review. Written by Shortcut; reasonable designers may disagree.