Mobile Target Size

Mobile target size is a tertiary element. It is suggested but optional to include in your digital product.

┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

Mobile target button size should be a minimum of 44x44 CSS pixels wide. 110 pixel width minimum is ideal. Buttons are susceptible to human error, so their placement is important for all people. Clumsy, impaired or disabled fingers are especially prone to errors on a mobile device.

Test button accessibility:

https://play.google.com/store/apps/details?id=com.google.android.apps.accessibility.auditor&hl=en_US&gl=US&pli=1

Summary Points:

  • Button size should be a minimum of 44x44 CSS pixels wide

  • Inline is the same as solid. Minimum 2 strokes on the inline

  • Buttons should have a 3:1 contrast ratio

  • Buttons should be labeled with a call to action or purpose

  • Button may require a larger interface for varying languages such as German

Further On This Topic:

https://www.w3.org/WAI/WCAG21/Understanding/target-size.html