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