What
Tap targets are the areas of a web page that users on touch devices can interact with. This might include buttons, links, and form elements.
Many search engines rank pages based on how mobile-friendly they are. Making sure tap targets are big enough and far enough apart from each other makes your page more mobile-friendly and accessible.
These days we should all be designing using mobile first principals.
Wye
- Over 55% of website traffic comes from mobile devices.
- 92.3% of internet users access the internet using a mobile phone.
- There are approximately 4.32 billion active mobile internet users.
Let the numbers make you decide. If your website does not have a good accessible mobile instance, you will lose out.
How
This depends on how you build your website but testing will soon show you the way, can you use your website on a mobile phone?
Technical:
Lighthouse flags pages with tap targets that meet both of these conditions:
- The target is smaller than 48 px by 48 px.
- At least 25% the target area within 48 px of the center of the target overlaps with another target.
