ブロックされたページのズーム

一部のサイトでは、user-scalable=no または Maximum-scale=1 を使用してビューポート メタのズームを無効にしています。ユーザーは「ピンチ」してページを引き伸ばすことができなくなります。

ズームを無効にすると、アクセシビリティに重大な問題が生じます。視覚に障害のある人は、コンテンツをズームインする必要があります。これは WCAG 違反であり、モバイルでのユーザビリティに直接悪影響を及ぼします。それは本当の利益をもたらしません。

1. 1user-scalable=no と Maximum-scale をビューポート メタ タグから削除します。
2. 2「width=device-width、initial-scale=1」のみを維持します。
3. 3ズームによってレイアウトが「壊れた」場合は、ズームを無効にするのではなく、レスポンシブ CSS を使用して修正します。