ピンチ操作によるズームが有効

Silktide は、モバイルデバイスの訪問者がピンチ操作でページを拡大できることをチェックします。ズームは、多くの人がテキストを読みやすい大きさにするための方法ですが、残念ながらページ側で無効にされている場合があります。

これが重要な理由

非常に多くの人が、日常的にスマートフォンで画面を拡大しています。視力が完全ではない人は、年齢とともに私たちの大半を占めるようになります。ピンチ操作によるズームを無効にしたページでは、拡大できないテキストを目を細めて読むことになり、ロービジョンの人にとってはページが使用できなくなる可能性があります。WCAG の達成基準 1.4.4（の）では、テキストを最大 200% までサイズ変更できることが求められており、モバイルではズームがその仕組みを提供します。

ズームの無効化が意図的なデザインであることはほとんどありません。通常は、コピー＆ペーストされたテンプレートタグに含まれています。

修正方法

ページのタグからズームの制限を削除します。

<!-- ズーム無効：ユーザーはページを拡大できません -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
      maximum-scale=1.0, user-scalable=no">

<!-- 修正後：ユーザーは自由にピンチ操作でズームできます -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

user-scalable=no と制限のある maximum-scale は、どちらもズームを妨げます。両方とも削除してください。viewport タグは通常、サイトのテンプレートに記述されているため、1か所を編集するだけで、通常はすべてのページが修正されます。

Silktide のテスト方法

ページをモバイルデバイスとして読み込み、内の viewport タグを探します。
user-scalable=no を指定しているか、ページの初期スケール以下の maximum-scale を設定していることでズームを妨げる viewport タグを報告します。

トラブルシューティング

iPhone では問題なくページをズームできます

iOS はピンチ操作によるズームを無効にしようとする設定を無視するため、iPhone ではページをズームできます。Android のブラウザーはこの制限を尊重するため、多くの訪問者にとって問題は現実に存在します。Android デバイスでテストして確認してください。

iOS で無視されるなら、なぜ修正するのですか？

Android では無視されないためです。また、このタグは、一部のブラウザー、埋め込み WebView、支援ツールが今も尊重する意図を示します。このコードに目的はなく、削除しても悪影響はありません。