Why Do I Keep Tapping the Wrong Button? Tap Target Sizing Explained for Small Business Websites

If your audit flagged "tap targets too small or too close together," your navigation and buttons probably look perfectly fine on the screen you built the site on. This is one of those problems a mouse simply cannot find - it only shows up the moment a real visitor tries to hit a link with a thumb instead of a precise pointer, and on a local-business site, that is most of your traffic.

What a tap target actually is

A tap target is any button, link, or form field a visitor presses with a finger - a nav item, a "Call Now" button, a social icon in the footer, a checkbox on a form. On desktop, the equivalent action is a mouse click, which can land on a single pixel with total precision because a cursor is exactly that: a point. A fingertip covers a much wider, blurrier area of the screen, so the same element that's trivially clickable with a mouse can be a genuine miss with a thumb.

Common mistake

A row of footer icons (Facebook, Instagram, phone) gets built at 16x16 pixels with almost no gap between them, because that looked clean next to the logo on a wide desktop monitor. On a phone, that same row becomes three icons crammed into a strip barely wider than a fingertip - tapping "call" as often lands on "Instagram" as it does the phone number.

Correct approach

Each icon gets at least 24x24 pixels of actual tappable area - which can be padding around a smaller visual icon, not just the icon itself - with real spacing between neighbors so a finger landing slightly off-center still lands on the right one.

Why this only breaks on a phone

Apple's Human Interface Guidelines, Google's Material Design spec, and the W3C's accessibility guidelines all converge on roughly the same number for a reason: below about 24x24 pixels of tappable area, or without enough spacing from its neighbors, a target stops being reliably hittable with a normal thumb, especially one-handed, walking, or in a hurry - which describes a large share of the people searching for a local business on their phone in the first place.

None of this shows up when you're reviewing your own site with a mouse on a laptop, because a mouse pointer never has this problem. It's invisible from the exact seat most site owners review their own work from.

Why cramped tap targets cost you customers

A visitor who mistaps your phone number, hits the wrong nav link, or gives up trying to check the right box on a contact form doesn't usually try again carefully - they get frustrated and leave. On a local-business site, where the entire point of the mobile visit is often "call this business right now," a phone-number button that's genuinely hard to tap accurately is a lead walking away for a reason the owner never sees, because it never happens when they look at the site themselves.

The fix

Give every button, link, and form control at least 24x24 pixels of tappable area, and enough spacing between neighboring targets that a slightly off-center tap still lands correctly. This doesn't have to change how anything looks - the tappable area can be padding around a compact icon or a small piece of text, invisible to the eye but real to a fingertip. Nav menus, footer icon rows, and tightly packed buttons are the most common places this breaks.

How to check your own site

Open your site on an actual phone and try tapping every link in your navigation, footer, and any row of icons or buttons, using your normal thumb grip - not a stylus, not a precise fingernail tap. If you mistap or catch a neighboring link more than once, that's the exact gap the free audit also flags automatically, naming exactly how many elements it found too small or too close together.

How the free audit catches this

Tap target sizing is one of the automated checks in our free audit, run alongside the rest of the mobile-usability items covered in is my website mobile-friendly and our full website audit checklist. The report names exactly how many elements are too small or too close together, not just a generic warning.

Frequently asked questions

What does "tap target" mean on a website?

A tap target is any button, link, or form field a visitor has to press with a finger - a nav link, a "Call Now" button, a checkbox. On a desktop the equivalent is a mouse click, which can land on a single pixel with total precision. A fingertip on a phone screen covers a much bigger, blurrier area, so the same element needs real size and spacing to be reliably tappable.

Why do tap targets need to be bigger on mobile than desktop?

A mouse pointer is a single precise point; a thumb or finger is not. Apple, Google, and the W3C's accessibility guidelines all converge on roughly the same number for a reason - anything smaller than about 24x24 pixels, or placed too close to its neighbors, becomes a genuine coin-flip for a visitor trying to hit the right one, especially one-handed or while walking.

What size should buttons and links be for mobile?

At least 24x24 pixels of actual tappable area, with enough space around each target that a fingertip landing slightly off-center still hits the right one and not its neighbor. That's the tappable area, not just the visible icon or text - padding around a small icon can satisfy the size requirement without changing how the button looks.

Why didn't I notice this on my own site?

Because most site owners build and review their own site on a desktop or laptop, using a mouse - the exact input method this problem doesn't affect. A cramped row of nav links or footer icons can look completely fine at a glance and still be genuinely hard to tap correctly the first time on a phone, which is how most of your visitors are actually using it.

How do I check my own site's tap targets?

Open your site on an actual phone and try tapping every button and link in your navigation, footer, and any row of icons, using your normal thumb grip, not a stylus. If you mistap or hit a neighboring link more than once, that's the exact gap the free audit also flags automatically, naming exactly how many elements it found too small or too close together.

The cheapest way to find out

Run the free audit below. We check tap target sizing alongside speed, SEO, accessibility, and security, using the same tooling Google itself uses, and email you a plain-English report the moment something's wrong. If something needs fixing, it's a flat $149 for your fixable speed/image/SEO/broken-link issue, or $299 for everything, with before-and-after proof once it's done.

Find out if your buttons are tappable on a real phone - free

Enter your website and email. We'll run the full speed, SEO, accessibility, and security audit with Google's own tooling and email you the report within the hour.