ズームとスケーリングを無効にしてはいけません
修正方法
user-scalable="no"
パラメータを content
属性から <meta name="viewport">
要素を削除し、ズームを可能にし、 maximum-scale
パラメータが2未満にならないようにします。
メタ ビューポート要素は、ページのサイズと拡大縮小を制御する方法をブラウザに指示しますが、その使用の結果としてズーム機能が無効になる可能性があります。
注意:
ブラウザのビューポート フォーカスはプログラム フォーカスに影響しませんが、ウィンドウが小さい場合、領域にはページの小さな部分しか含まれず、プログラム フォーカスはビューポートに追従しません。
user-scalable="no"
パラメータを content
属性から <meta name="viewport">
要素を削除し、ズームを可能にします。
なぜ重要なのか
user-scalable="no"
パラメータは content
属性の <meta name="viewport">
要素内で、ページのズームを無効にします。maximum-scale
パラメータは、ユーザーがズームできる量を制限します。これは、Webページの内容を正しく表示するためにスクリーンマグニファイアに頼っている視力の弱い人にとっては問題となります。
部分的な視力や弱視のユーザーは、Web上のテキストを読みやすくするために、ブラウザのフォントを拡大することを選択することがよくあります。ブラウザのビューポート フォーカスは、特定の瞬間にブラウザ ウィンドウに表示されるすべてのものです。高解像度モニターでブラウザを最大化してフルサイズにすると、ビューポートのフォーカス領域が大きくなります、Webページ全体が表示される場合があります。
ブラウザ ウィンドウが小さい場合、ビューポートのフォーカス領域にはWebページのごく一部のみが含まれます。ブラウザのビューポート フォーカスはプログラム フォーカスに影響しません。ユーザーはWebページを上下にスクロールできますが、プログラムによるフォーカスはビューポートに追従しません。Webコンテンツ アクセシビリティ ガイドラインでは、開発者は最大200% のサイズ変更をサポートするようにページを設計することが求められています。
user-scalable="no"
パラメータが <meta name="viewport">
要素内に存在せず、 maximum-scale
パラメータが2未満でないことを確認します。
ルールの説明
視力の弱いユーザーにとって不可欠なテキストの拡大縮小とズームを無効にするため、ドキュメントでは user-scalable="no"
要素の <meta name="viewport">
パラメータを使用してはいけません。
仕組みについて (簡単に言うと)
user-scalable="no"
パラメータが <meta name="viewport">
要素内に存在せず、 maximum-scale
パラメータが2未満でないことを確認します。