Touch targets are at least 44x44 points
Why it matters
Touch targets below 44x44 points fail WCAG 2.2 SC 2.5.5 (Target Size) and SC 2.5.8 (Target Size Minimum), exposing the app to accessibility audit failures and App Store rejection for accessibility non-compliance. Beyond compliance, undersized targets cause systematic mis-taps — users hit adjacent controls, trigger unintended navigation, or simply abandon interaction entirely. Apple HIG and Material Design both specify 44pt minimums precisely because human finger-pad contact areas average 44-57 points; anything smaller forces compensatory precision that degrades usability for all users and sharply increases error rates for users with motor impairments.
Severity rationale
Critical because mis-taps on undersized targets trigger unintended actions and are non-recoverable without user-visible error handling, directly degrading user retention and failing mandatory accessibility standards.
Remediation
Expand every interactive element to a minimum 44x44 point touch area using hitSlop or padding — without changing visual size. Audit every pressable component in your codebase against this minimum before release.
// Expand a small icon button without changing its visual footprint
<TouchableOpacity
hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}
onPress={handleClose}
>
<Icon name="close" size={24} />
</TouchableOpacity>
// Or use padding directly on Pressable
<Pressable style={{ padding: 10 }} onPress={handleAction}>
<Icon name="menu" size={24} />
</Pressable>
For tab bar items and header buttons, verify that the wrapping container (not just the icon) carries the target dimensions. Use React Native's onLayout during development to log rendered sizes if visual inspection is insufficient.
DetectionPro
The detection method for this pattern is part of AuditBuffet Pro.
The full method (what to look for, pass and fail conditions, and how results get reported) ships inside the Mobile UX Patterns Audit. The pattern definition, severity rationale, and remediation remain openly licensed under CC-BY-4.0.
External references
- wcag:2.2 · 2.5.5 — Target Size (Enhanced)
- wcag:2.2 · 2.5.8 — Target Size (Minimum)
- external · apple-hig-touch-targets — Apple Human Interface Guidelines — Touch Targets
- external · material-touch-targets — Material Design — Touch Targets
Taxons
History
- 2026-04-18·v1.0.0·Initial import from mobile-ux-patterns·automated