Tap targets are not size appropriately

Last updated:

Impact: SERIOUS
This evaluation is included in the Mobile Friendly test offered by ExcellentWebCheck. Ensuring that your website is mobile-friendly and responsive is crucial not only for enhancing the user experience but also for optimizing your site's SEO performance.

How to fix tap targets are not sized appropriately?

A tap target is the area of a button, link or other clickable area that a user can interact with. The tap target should be sized appropriately so that the user can’t accidentally click on the wrong item.

 

To fix the tap target size you can:

  1. Increase padding of the element;
  2. or change the space between the tap targets.

The algorithm

ExcellentWebCheck uses the same algorithm as Lighthouse.

 

This means that tap targets are flagged as too small if:

  • The tap target is smaller than 48px by 48px.
  • At least 25% of the tap target area of the center of the target overlaps with another tap target.

Why is this important?

Without sufficient space around clickable elements, a user might accidentally click on the wrong button or link. This leads to unexpected results and frustration.

 

Pointing precisely on an element is difficult when using a touch screen. Therefore, it is more important to create properly sized buttons and links for a mobile-friendly website.

 

For this reason, search engines like Google, added the check to their mobile-friendliness ranking algorithm.

Was this article helpful?
Thanks for your feedback!

We are sorry to hear that you are not satisfied with the content on this page.

Checkout the ExcellentWebCheck services

ExcellentWebCheck's goal is to improve the online user experience. The tools of ExcellentWebCheck help to detect and improve usability problems on your website.