Mobile Touch Target Size — Complete Guide & Fixes for Accessibility 2026

If you've ever struggled to tap a small button on your phone, you've experienced the frustration of small touch targets. For users with motor disabilities, this frustration is a daily reality. Touch target size is one of the most critical aspects of mobile accessibility — and it's now a WCAG 2.2 Level AA requirement.

This comprehensive guide covers everything you need to know about mobile touch target size — from WCAG 2.5.8 requirements and platform-specific recommendations to how to test and fix small touch targets.

What is Touch Target Size?

Touch target size refers to the physical area on a touchscreen that users can tap to interact with a UI element. This includes buttons, links, form fields, icons, and any other interactive element.

When touch targets are too small, users with motor disabilities, tremors, or limited dexterity struggle to tap them accurately. This creates a significant barrier to accessibility.

Touch target size is determined by:

• Width and height — The visible size of the element
• Padding and spacing — The invisible area around the element that also registers taps
• Spacing between targets — Adequate spacing prevents accidental taps

Touch Target Size Requirements — WCAG 2.5.8

WCAG 2.5.8 (Target Size - Minimum) is a Level AA success criterion introduced in WCAG 2.2. It requires that:

"The size of the target for pointer inputs is at least 24 by 24 CSS pixels, except where:

• Spacing: The target is at least 24 CSS pixels in each direction and adjacent targets are at least 24 CSS pixels apart
• Essential: A particular target is essential and cannot be larger
• Inline: The target is in a sentence or block of text
• User Agent: The target is determined by the user agent
• Author: The target size is determined by the author and cannot be modified

— WCAG 2.2, Success Criterion 2.5.8 (Level AA)

In plain English: touch targets should be at least 24x24 pixels, with some exceptions.

Platform-Specific Touch Target Recommendations

Different platforms have their own touch target recommendations:

How to Test Touch Target Size

Method 1: Use Our Free Mobile Accessibility Checker

Upload your app or enter your mobile website URL in our mobile accessibility checker for automated touch target testing.

Method 2: Accessibility Scanner (Android)

Download Accessibility Scanner from Google Play and run it on your app. It automatically identifies small touch targets.

Method 3: Accessibility Inspector (iOS)

Use Accessibility Inspector in Xcode to audit your iOS app for touch target issues.

Method 4: Manual Testing

Manually test touch targets by:

• Using developer tools to measure target sizes
• Checking buttons, links, form fields, and icons
• Verifying spacing between adjacent targets
• Testing with one hand and in different screen sizes

Common Touch Target Issues & How to Fix Them

1. Buttons Smaller Than 24x24px

Issue: Buttons are too small to tap accurately.

Fix: Increase button size to at least 24x24px. Consider increasing padding to make the touch area larger.

/* CSS - Increase touch target size */
.button {
    padding: 12px 20px;  /* Increases touch area */
    min-width: 48px;
    min-height: 48px;
}

2. Adjacent Targets Too Close Together

Issue: Users accidentally tap the wrong target because they're too close.

Fix: Ensure at least 24px spacing between adjacent touch targets.

3. Icon-Only Buttons Without Adequate Padding

Issue: Icon buttons have small touch areas with minimal padding.

Fix: Add padding around icons to increase touch area.

/* CSS - Icon button with adequate touch area */
.icon-button {
    width: 48px;
    height: 48px;
    padding: 12px;
}

4. Form Fields With Small Touch Areas

Issue: Form fields have small touch areas that are hard to tap.

Fix: Increase form field height and padding.

Touch Target Size Checklist

Frequently Asked Questions — Touch Target Size

Internal Links — Mobile Accessibility Resources