ユーザーはテキストを最大500%まで拡大縮小できる必要があります。

ルールID: meta-viewport-large
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: Deque Best Practice

Start building more accessible experiences

Axe DevTools Pro helps dev teams find and fix up to 80% of accessibility issues while coding. No experience required. Get started with your free trial today.

Compliance Data & Impact

User Impact


Minor
Critical

Disabilities Affected

  • 視力低下

Standard(s)

  • Deque Best Practice

    修正方法

    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% 未満ではないことを確認します。

    リソース

    その他のリソース

    その他リソースもあわせてご参照ください。

    axe 4.10 ルールの一覧 を参照する

    この情報は役に立ちましたか?

    すでにフィードバックをいただきました、ありがとうございます。.

    あなたの回答は次のとおりです。

    この情報は役に立ちましたか?
    フィードバックが提出された日付/時刻: