このルールがチェックする内容
<meta name="viewport">がテキストのサイズ変更やズームを無効化しないことを確認してください.
なぜ重要なのか
WCAG 1.4.4では、テキストを200%まで拡大できることが求められます。
修正方法
あらゆるウェブサイトの場合
- viewportのmetaタグからmaximum-scaleとuser-scalable=noを削除します。
Shopifyの場合
- layout/theme.liquidで、viewportのmetaタグからmaximum-scale=1とuser-scalable=noを削除します。
修正の確認方法
- スマートフォンでピンチズームを行い、拡大できることを確認します。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールmeta-viewportを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。