ホーム > Laravel > How to Handle an Error Related to [user-scalable="no"] in LightHouse's Accessibility
Laravel

How to Handle an Error Related to [user-scalable="no"] in LightHouse's Accessibility

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

Table Of Contents

  1. Cause
  2. Solution
  3. What is user-scalable="no"?
  4. Summary
オススメ本

⇨ Click here for the index of Laravel articles

I have summarized the solution when an error related to [user-scalable="no"] occurs in LightHouse's Accessibility

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 meta viewport had user-scalable="no" specified

Solution

Remove user-scalable="no"

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

オススメ本

What is user-scalable="no"?

It seems to be a setting to disable the zoom function on smartphones.

It seems like an attribute that is not necessary for a normal website, so it doesn't need to be included in general.

It seems to be used in cases like games.

Click here for more details

Summary

That's all.

I hope it can be helpful to someone.

For feedback or complaints, please contact me via Twitter DM.

See you soon!

Popular Articles

Deploying a PHP 7.4 + Laravel 6 Project to AWS EC2

Implementing Breadcrumbs in Laravel with laravel-breadcrumbs

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!