not found

Rule ID: touch-target-size
User Impact: Serious
WCAG: Best Practice

Accessibility testing for dev teams - No experience required

Find and fix up to 80% of accessibility issues with axe DevTools Pro. Get started with your free trial today. No credit card needed.

Compliance Data & Impact

User Impact

Serious
Minor
Critical

Disabilities Affected

  • Low Vision
  • Mobility
  • Cognitive

Requirement(s)

  • Platform Violation

WCAG Success Criteria

  • Not specified, or not applicable

Section 508 Guidelines

  • 1194.31.f Motor/dexterity accessibility
  • 1194.25.c Touch screen input method
  • 1194.26.b Touch screen input method compliance

How to Fix the Problem

Generally, you want the touchable area of actionable touch target items in your app to be a minimum of 48dp x 48dp. Larger is even better.

Ensure that each actionable touch target items in your app has a large enough touch target, set the android:minWidth and android:minHeight attributes of each interactive item to 48dp or greater:

<ImageButton
   ...
   android:minWidth="48dp"
   android:minHeight="48dp" />

You can also add padding or use the TouchDelegate API to increase the size of your items' touch targets without increasing the size of the items themselves.

Google's Accessibility Scanner looks for small touch targets likely to cause interaction difficulty for users with motor impairments. The touch target size identified is clickable and long-clickable Views that are smaller than 48dp x 48dp in either dimension or 32dp x 32dp for Views in input method windows or against the display edge.

Why it Matters

Many people have difficulty interacting with small touch targets on a device's screen. People are unique. Some fingers are larger than others. Some people have a motor or visual impairment.

Users with motor disabilities especially appreciate large touch targets. Some people experience hand tremors or imprecise hand movements. Other people cannot use their fingers at all, and must instead use other body parts, such as their knuckles, elbow, or toes. Touch targets that require appropriate sizes to accommodate all users include:

  • Links
  • Menus
  • Checkboxes
  • Radio Buttons
  • Submit Buttons
  • Custom widget controls (e.g., media player buttons)

Widgets that rely on gestures, touch events, and multi-touch actions are difficult to use by people who:

  • cannot move their hands.
  • do not have hands.
  • have tremors in their hands.
  • cannot see where to swipe or touch the screen.
  • do not have a device with touchscreen or gesture capabilities.

Whenever you use touch or gesture methods, make sure you create actionable item touch targets big enough to enable interaction for people who cannot use them directly.

Rule Description

The Algorithm (in simple terms)

The Make Interactive Element Touch Targets Large rule detects actionable touch target items in a View that are too small for comfortable and accessible user interaction. The rule analyzes actionable touch target items in your app's Views. Actionable touch target items in your app set large enough for easily tapping by users pass the test. The rule is inapplicable to View items that are not intended for user interaction such as TextViews or plain text.

Resources

Other Resources

You may also want to check out these other resources.

Was this information helpful?

You have already given your feedback, thank you..

Your response was as follows:

Was this information helpful?
Date/Time feedback was submitted: