LightHouse の Accessibility で[user-scalable="no"]に関するエラーが出たときの対処方法についてまとめました

以下エラー文

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

原因

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

meta の viewport に、user-scalable="no"を指定していた

解決方法

user-scalable="no"を外す

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

user-scalable="no" とは？

スマートフォンで、ズームする機能を無効化する設定のようです。

普通の Web サイトであれば無効化する必要がないので、特段つける必要のない属性みたいです。

使うケースとしては、ゲームのようなケースみたいです。

くわしくはこちら

以上です。

誰かの参考になればと思います。