How to fix this viewport meta tag problem.

Retired Boards Appdev Custom Storefronts
1

[user-scalable=“no”] is used in the element or the [maximum-scale] attribute is less than 5.

Failing elements


head > meta

Any Solution on this?

Thank you in advance

2

The issue here is that using “user-scalable=0” or setting maximum-scale to a value less than 5 can negatively affect accessibility and usability. Modern web standards and accessibility guidelines recommend allowing users to zoom and scale content to improve readability and interaction.

Here’s a solution to ensure compliance with best practices and improve accessibility:

  1. Remove user-scalable Attribute: This attribute prevents users from zooming, which can be problematic for users with visual impairments. Simply omit it from your tag.

  2. Adjust maximum-scale: Instead of setting it to 1.0, which restricts zooming, consider using a larger value or removing it entirely to allow users to zoom as needed.

Here’s an updated version of your meta tag:

Or, if you need to set a maximum-scale but still want to allow zooming:

If it helps you, please like and mark it as the solution.

Best Regards

3

Changed the code and saved to this code

but when i inspect

the code is not getting changed

4

Please try this code snippet and let me know the result.
5

Hello after updating the theme, google page speed insights is not showing the issue