Fix · Moderate · should fix soon

How to fix: small touch targets

Mobile users miss-tap small icons. Motor accessibility requires comfortable hit areas.

WCAG references
2.5.5, 2.5.8
Severity
Moderate

What it looks like in the wild

Mobile users miss-tap small icons.

The screen-reader user, keyboard user, or low-vision user encountering this issue does not get an error message. The page just stops working for them. Which is why this kind of bug rarely shows up in your error tracker; it shows up in support tickets, lawsuits, and abandoned conversions.

Why it fails WCAG

Motor accessibility requires comfortable hit areas.

Map this back to 2.5.5, 2.5.8 when you log the bug. Auditors and procurement teams expect that mapping; "broken" is not enough context.

The wrong pattern (avoid)

CSS
.icon-btn { width: 16px; height: 16px; }

The right pattern (copy this)

CSS
.icon-btn { width: 44px; height: 44px; padding: 12px; }

Notes from real audits

  • WCAG 2.2 added 2.5.8 Target Size (Minimum) at 24×24 (Level AA).

Related fixes

Find every accessibility issue on your site in 60 seconds.

Free public scan. No card. AI-generated fixes for every issue we find.