Touch target size

Background

Any on-screen element that someone can click, touch, or otherwise interact with should be large enough for reliable interaction. Consider making sure these elements have a width and height of at least 48dp, as described in the Material Design Accessibility guidelines.

Implementation

When implementing clickable or touchable elements in a layout, consider using dimensions that meet or exceed the recommended size for touch targets.

If these controls are sized dynamically, or resize based on the size of their content, consider using android:minWidth and android:minHeight to set a lower bound on their dimensions.

To retain the original size of a View while expanding its touchable region, consider using a TouchDelegate, which allows a parent layout to handle touch events on behalf of the descendant View.

Design

Touch targets include the area that responds to user input. Touch targets extend beyond the visual bounds of an element: An element like an icon may appear to be 24x24dp but the padding surrounding it comprises the full 48x48dp touch target.

Consider making touch targets at least 48x48dp, separated by 8dp of space or more, to ensure balanced information density and usability. A touch target of 48x48dp results in a physical size of about 9mm, regardless of screen size. The recommended target size for touchscreen objects is 7-10mm.

For examples, refer to the Material Design Accessibility guidelines.

Testing

To manually verify that an app's user interface doesn't contain small touch targets:

  1. Open the app.
  2. Identify all clickable, touchable, or interactable elements within the interface.
  3. Ensure that each of those elements is 48x48dp in size, or approximately 9mm in each dimension.

Android's automated testing tools can detect small touch targets. Consider using Accessibility Scanner for Android for manual testing of your app on-device. For automated tests, turn on accessibility checking in Espresso and Robolectric.