Tap & Touch Targets

Recommendation: Touch targets should be a minimum of 44px by 44px and include a focus state. Do not disable the focus state on items on the page which can be interacted with, such as buttons.

Use color for effortless identification. Make sure to incorporate visual feedback following the user’s interaction with the target.

Label your buttons, and make them easy for users to find. The button HTML element should be reserved for user interactions which happen directly on the same page only. Do not use the button element when linking to another page, or to wrap hyperlinks to make them look like a button. Use the button class instead.

Supporting Research