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

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

Need accessibility training?

Deque University offers an extensive curriculum of self-paced online courses for every skill profile and experience level.

Compliance Data & Impact

User Impact

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 ルールの一覧 を参照する

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

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

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

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