Your CSS is using a percentage-based font size that results in text being too small on mobile devices. Percentage-based font sizes can compound and become unreadable on smaller screens, especially when nested elements inherit these small percentages.
.small-text {
font-size: 60%; /* Too small percentage */
}Use larger percentages or switch to absolute units like `rem` or `px` to ensure consistent readability.
.small-text {
font-size: 0.875rem; /* 14px equivalent, more readable */
}Using appropriate font sizes prevents text from becoming unreadably small on mobile devices, ensuring a better user experience and meeting accessibility standards.
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.