Mobile Usability errors

  • I have Mobile Usability errors in google console:

    ErrorText too small to read
    Error Clickable elements too close together
    Error Content wider than screen

    I have so far tried to increase the font using elemetor and just change the font for mobile devices but still the same results.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter jennyparker

    (@jennyparker)

    Is there anyone here to help with this issue? I have been waiting for 2 days?

    Hi @jennyparker,

    Text too small to read
    Basically, Google considers a font size less than 12 as not readable. You will have to check other font sizes as well that you have set for the content on mobile.

    Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. https://web.dev/font-size/

    Clickable elements too close together
    Google’s recommendation is – Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements. https://developers.google.com/web/fundamentals/accessibility/accessible-styles

    You will need to check the size in between elements on the page for the mobile view.

    Content wider than screen
    I checked your site above on mobile view and didn’t see a Horizontal Scrollbar. I am not sure why Google warned you about this.

    I hope it will help.

    Kind regards,
    Herman ??

    P.S. We recommend reaching out to us through our Support Portal for faster help and resolution as mentioned here.

    Thread Starter jennyparker

    (@jennyparker)

    Thanks, @bsfherman I just checked on the customization menu and custom CSS there is the only piece of code found that has 10 px so it changed to 13px and try to validate via google console but still not got validated?

    Thread Starter jennyparker

    (@jennyparker)

    Clickable elements too close together

    I am still not sure why I am getting this error all clickable elements such as buttons and texts are already standard space from each other?

    Hi @jennyparker,

    You might want to try to temporarily switch to a default WordPress theme to check whether or not this is a theme-related issue. Maybe you can do this on a staging site as your site is a live site.

    Kind regards,
    Herman ??

    Thread Starter jennyparker

    (@jennyparker)

    Thanks, @bsfherman for the suggestion I will revert to the dfault theme and check the problem.

    Hi there! @jennyparker It’s been a while since you’ve created this thread. Could you find a fix for the mobile usability messages?

    I’m experiencing the same with a new website (https://www.kinderhauszuffenhausen.de/) and have no clue whatsoever, what is leading to these messages. The website is using the latest WordPress 6.0 version and latest Astra Theme. Plugins: Yoast, Modula and WP Forms. Thanks for any suggestion!

    Best,
    Meistereder

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile Usability errors’ is closed to new replies.