ホーム > Other > How to Resolve the Error Related to [user-scalable="no"] in LightHouse Accessibility
Other

How to Resolve the Error Related to [user-scalable="no"] in LightHouse Accessibility

Thank you for your continued support.
This article contains advertisements that help fund our operations.

Table Of Contents

  1. Error Message
  2. Cause
  3. Solution
  4. What is

A guide on resolving the error related to [user-scalable="no"] in LightHouse Accessibility.

PR

Error Message

[user-scalable="no"]
 is used in the <meta name="viewport">
 element or the [maximum-scale]
 attribute is less than 5.

Cause

<meta
  name="viewport"
  content="width=device-width, initial-scale=1"
  user-scalable="no"
/>

The user-scalable="no" attribute was specified in the meta viewport tag.

Solution

Remove user-scalable="no".

<meta name="viewport" content="width=device-width, initial-scale=1" />

What is user-scalable="no"?

It’s a setting that disables the zoom functionality on smartphones.

For a typical website, it’s generally unnecessary to disable zoom, so this attribute is usually not needed.

Use cases for this setting might include applications like games.

Learn more here

That's all.

I hope this helps someone.

Please Provide Feedback
We would appreciate your feedback on this article. Feel free to leave a comment on any relevant YouTube video or reach out through the contact form. Thank you!