ズームとスケーリングを無効にしてはいけません

ルールID: meta-viewport
ルールセット: axe-core 4.10
ユーザーへの影響:
ガイドライン: WCAG 2.1 (AA), WCAG 2.0 (AA), WCAG 2.2 (AA), EN 301 549

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)

  • WCAG 2.1 (AA)
  • WCAG 2.0 (AA)
  • WCAG 2.2 (AA)
  • EN 301 549

WCAG 達成基準 [WCAG 2.1 (AA)]

  • 1.4.4: Resize text

WCAG 達成基準 [WCAG 2.0 (AA)]

  • 1.4.4: Resize text

WCAG 達成基準 [WCAG 2.2 (AA)]

  • 1.4.4: Resize text

    修正方法

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

    リソース

    その他のリソース

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

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

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

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

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

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