How to Fix ‘Text Too Small to Read’ Mobile Usability Issue

Text Too Small to Read

This is one of the easy fixes when it comes to Search Console Mobile Usability report showing Text Too Small to Read issue. Basically, there is a text Google sees that is below required specification (less than 16px font size will usually cause text too small to read problem).

Here is the CSS Rule for Fixing Text Too Small to Read

font-size:16px However, its better to use responsive font sizes optimizing for Core Web Vitals (part of Page Experience Update) like so: font-size:1.1rem All you have to do is identify which text element is too small on a web page.

Here’s a Video Tutorial That Shows How to Fix Mobile Usability Errors

Here’s What Google Search Console Says About Text too small to read

The font size for the web page is too small to be legible (legible for web means, readable). Any font (including menu, footer links etc.) that requires mobile visitors to “pinch to zoom” in order to read is considered as text too small to read.

After specifying a viewport meta tag for your web pages (that would look something like this in the code of your website) <meta name="viewport" content="width=device-width, initial-scale=1" /> width=device-width basically means width should respond to whatever the device width is (mobile phone portrait orientation let’s say 400px on Galaxy smartphone, or 678px width in iPad for example) the viewable area should resize to.

initial-scale=1 basically means, zoom 100% to whatever the viewport dimension is according to mobile device. The initial-scale property controls the zoom level when the page is first loaded. Its to do with how users are allowed to zoom the page in or out.

All of the above means set your font sizes to scale properly within the viewport because the viewport dimensions change according to your website visitors devices being used to visit your web pages.

Learn more about using Legible Font Sizes in responsive web design basics to avoid text being small

By RankYa

RankYa digital marketer, website optimizer, content creator, and a fully qualified web developer helping businesses of all sizes achieve greater results online. Based in Melbourne Australia RankYa serves valued clients worldwide by providing personalized services.

We love sharing our proven experience through how to videos and complete courses related to business website marketing, conversion optimization, Google (Search Console, Ads, Analytics, YouTube), SEO, HTML5, Structured Data and WordPress WooCommerce Shopify. Thank you for visiting our blog.

6 comments

  1. 16px font size will usually cause text to be too small to read. I have found the right solution. I am eager to learn new things from you, dear.

  2. So much thanks for sharing this . I was searching for this and never saw more precise than this. I have made the fix of ” Text To small to Read ” which seems like hard to resolve. Great Article.

    Regards

  3. Hi, neat post. There’s was issue with my website ‘text too small to read’ thanks to you I know what to do for fixing it

Questions? Leave a Comment!

Your email address will not be published. Required fields are marked *