// UX
Touch Target Size: The Mobile UX Spec Most Developers Miss
The minimum touch target size recommendations from Apple, Google, and WCAG — why they matter for conversions and how to audit your site.
Why touch targets matter
A tap on a 10×10px link on a mobile screen is nearly impossible to hit accurately. The average adult fingertip contact area is approximately 10×14mm — much larger than most icons and small text links designed with a mouse in mind.
Small touch targets are a direct conversion killer on mobile. If a user taps your 'Add to Cart' button and accidentally hits the product image instead, they're one frustration away from leaving.
The size recommendations
Apple's HIG recommends 44×44pt. Google's Material Design recommends 48×48dp. WCAG 2.5.8 (AA in WCAG 2.2) added a 24×24 CSS pixel minimum as a Level AA requirement — catches the worst offenders.
The fix is usually padding, not changing the visible size. A 16×16px icon wrapped in a button with 14px padding on all sides creates a 44×44px touch target without changing the visual design.
- Apple HIG: 44×44pt minimum
- Google Material Design: 48×48dp minimum
- WCAG 2.5.8 (AA, WCAG 2.2): 24×24 CSS pixels minimum
- Spacing between targets: at least 8px to prevent mis-taps
WebEnture's Mobile UX Agent
WebEnture's Mobile UX Agent audits your site for touch target size issues alongside other mobile UX factors — identifying small tap targets, insufficient spacing, and interactive elements difficult to use on touch screens.