Can’t make the #ChromeDevSummit this year? Catch all the content (and more!) on the livestream, or join your peers for a CDS Extended event at a hosted location nearby. To learn more, check out the Chrome Dev Summit 2019 website.
Tap targets are interactive elements, like buttons or links, that users frequently tap.
Appropriately-sized tap targets make pages more mobile-friendly and accessible. Google Search
started boosting the ranking of mobile-friendly pages on mobile search results back in 2015.
See Rolling out the mobile-friendly update.
A tap target is inappropriately-sized when it's too small, or too close to other tap targets.
To pass this audit:
Increase the size of the failing tap targets. Tap targets that are 48 pixels wide
and 48 pixels tall never fail.
Increase the spacing between tap targets, using properties such as padding or margin.
There should be at least 8 pixels of space between tap targets. In practice Lighthouse provides
some leniency on the size, so tap targets as small as 40 pixels by 40 pixels usually pass.
Click the audit to see which tap targets are causing the audit to fail. The Tap Target column
tells you which tap target is inappropriately-sized. The Size column tells you the size of
the target's bounding rectangle, in pixels. The Overlapping Target
column tells you which other tap target is too close.