Touch & Click Targets

Interactive elements MUST be large enough to tap or click accurately. Defer to the platform HIG first — each prescribes its own minimum:

Platform Minimum Target Recommended
Apple (iOS) 44x44 pt 44x44 pt
Android (Material) 48x48 dp 48x48 dp
Windows (Fluent) 32x32 epx 40x40 epx
Web (WCAG AA) 24x24 CSS px 44x44 CSS px

Cross-platform default: 44x44 when no platform HIG applies.

  • The visual element (icon, text) can be smaller than the touch target — pad the hit area
  • There MUST be minimum 8px spacing between adjacent targets to prevent mis-taps
  • Inline text links in paragraphs are exempt from size minimums but should have sufficient line height for comfortable tapping

See agentic-cookbook://guidelines/accessibility/accessibility for full accessibility requirements.

References:

version
1.0.0
platforms
ios, kotlin, typescript, web, windows
tags
touch-click-targets, ui
author
Mike Fullerton
modified
2026-03-27

Change History

Version Date Author Summary
1.0.0 2026-03-27 Mike Fullerton Initial creation