Skip to main content

Tap Target

The clickable size of an interactive element on a phone. MC Testing flags anything under 40×40 CSS pixels on a 390px mobile viewport.

Definition

A tap target is the area of a link, button or input that a finger can actually hit. On small phones — the primary device for many POS and madrasa users — targets designed for a mouse become a daily frustration and a real usability defect: mis-taps, abandoned forms and support calls. Platform and accessibility guidance converges on roughly 40–48 CSS pixels as the minimum comfortable size.

MC Testing's visual checks run pages at a 390×844 mobile viewport and measure every visible interactive element (links, buttons, inputs). Any element smaller than 40×40 CSS pixels is recorded with its selector and measured size, so the finding points at the exact element rather than saying 'the page feels cramped'.

How MC Testing applies it

Tap-target results are severity-graded by count: a page with up to 3 undersized elements raises a minor finding; more than 3 raises a major one, and the visual case step fails with the count and examples listed. The suggested fix is concrete — increase padding or min-height/min-width of the listed elements to at least 40×40px.

The same mobile pass also checks for horizontal overflow at 390px and missing image alt text, because the login page is most products' public front door and mobile-first users hit its layout defects first. Tap-target findings feed the UI/UX & accessibility category of the readiness score. See also Leak Scan and Readiness Score.