Tap target size

What is a tap target ?

A tap target is an HTML element of the page that users can press (or click on), mainly links and buttons.

Why is their size important ?

When a tap target is too small, users using a phone may find it difficult to interact with it, which affects the user experience and therefore the positioning of the page on the SERPs.

How to make them accessible ?

In order for the tap targets to be easily accessible, it is necessary that they occupy a minimum size of 48px x 48px and that the spacing between these different elements be at least 8px.

When this type of problem is present on a page, it is necessary to intervene at the CSS style level in order to increase the size of the elements concerned, by increasing the "padding" property for example. Also, the spacing between different elements can be adjusted using the "margin" property.