A button or link on your page is too small to be easily tapped on a touchscreen. This can be very frustrating for mobile users, who might accidentally tap the wrong thing or struggle to hit the target at all. Google recommends a minimum size for touch targets to ensure a good user experience.
A button that is only 20 pixels tall.
Ensure that all touch targets (buttons, links, form inputs) are at least 48x48 CSS pixels. You can use padding to increase the clickable area without changing the visual design.
.button {
min-height: 48px;
min-width: 48px;
padding: 12px;
}
Larger touch targets are easier to use, reducing user frustration and accidental clicks. This is a key aspect of mobile usability and is considered by Google as part of its mobile-friendly ranking signals.
This issue can affect your site's search engine rankings and user experience. Addressing it promptly helps ensure optimal performance and visibility in search results.
Black SEO Analyzer automatically checks for this warning during site analysis, along with hundreds of other technical SEO issues.
Choose the license that fits your needs and start getting the deep, actionable insights you deserve.