WCAG 1.4.4・レベルAA

ズーム機能やテキストのサイズ変更は無効にしてはなりません

このページは、スマートフォンでのピンチズームを妨げています。

このルールがチェックする内容

<meta name="viewport">がテキストのサイズ変更やズームを無効化しないことを確認してください.

なぜ重要なのか

WCAG 1.4.4では、テキストを200%まで拡大できることが求められます。

修正方法

あらゆるウェブサイトの場合

  1. viewportのmetaタグからmaximum-scaleとuser-scalable=noを削除します。

Shopifyの場合

  1. layout/theme.liquidで、viewportのmetaタグからmaximum-scale=1とuser-scalable=noを削除します。

修正の確認方法

  • スマートフォンでピンチズームを行い、拡大できることを確認します。

FixReportsが検出する方法

当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールmeta-viewportを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。

自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。

今すぐウェブサイトをスキャン

見つけて、直して、確かめる。

これはどんな種類のサイトですか?

回答に合わせて、オンラインストアの購入フローなど適切なチェックを選びます。サイト自体の判断材料も確認し、両方を表示します。

これはどんな種類のサイトですか?

無料スキャン。クレジットカードは不要です。