Lighthouse flags pages with tap targets that are too small or too close together:
Targets that are smaller than 48 px by 48 px or closer than 8 px apart fail the audit. When the audit fails, Lighthouse lists the results in a table with three columns:
|Tap Target||The tap target that is inappropriately sized.|
|Size||The size of the target's bounding rectangle in pixels.|
|Overlapping Target||Which other tap targets, if any, are too close.|
Step 1: Increase the size of tap targets that are too small. Tap targets that are 48 px by 48 px never fail the audit. If you have elements that shouldn't appear any bigger (for example, icons), try increasing the
Step 2: Increase the spacing between tap targets that are too close together using properties like
margin. There should be at least 8 px between tap targets.