How to make tap targets big enough
Accessibility1 min readFixes check target-size
Links and buttons smaller than 24×24 px are hard to hit on a phone. WCAG 2.2 makes this a requirement.
Step by step, with screenshots: Accessibility checker results — fixing the ten findings we see most →
Check your own site
Runs this check and the other 186, free, in about 45 seconds.
What a passing site looks like
- Tap targets are at least 24×24 pxwarning · −1 ptseffort S
Tap target size
Why it matters. Small links and buttons packed together cause mis-taps on phones, which means abandoned carts and wrong menu choices. WCAG 2.2 asks for at least 24×24 px or equivalent spacing.
How to fix it.
- Give links and buttons a minimum height of 24 px (44 px is comfortable) with padding rather than a bigger font.
- Add space between neighbouring targets such as icon rows, pagination links and footer menus.