ui-ux/touch-click-targets

touch click targets Shipped

What this lens looks for

Interactive elements must be large enough to tap or click accurately, deferring to the platform HIG first: Web/WCAG AA sets a 24×24 CSS px minimum with 44×44 CSS px recommended (other platforms prescribe their own — Apple 44×44 pt, Android 48×48 dp, Windows 32×32 epx minimum / 40×40 epx recommended), and the cross-platform default is 44×44 when no platform HIG applies; the visual element (icon, text) may be smaller than the touch target — pad the hit area to reach the minimum; there must be at least 8px of spacing between adjacent targets to prevent mis-taps; inline text links within paragraphs are exempt from the size minimums but should have sufficient line height for comfortable tapping.

What its verifier checks

Interactive targets meet at least the Web/WCAG minimum of 24×24 CSS px (44×44 recommended; the relevant platform HIG minimum where one applies, and the 44×44 default when none does); where the visual icon/text is smaller, the hit area is padded out to the minimum; adjacent targets are separated by at least 8px; inline paragraph text links are not flagged for size but have adequate line height for tapping.