修正方法: ビューポートでズームが無効になる
ビューポートでズームが無効になることは、WCAG AA のアクセシビリティに関する一般的な障害であり、自動スキャナーがフラグを立てており、EAA 執行当局も深刻に受け止めています。ここでは、その原因、それが重要な理由、そして具体的な修正方法を説明します。
それが重要な理由とその修正方法
ピンチズームを無効にすると、視覚障害のあるユーザーがテキストを拡大できなくなります。 WCAG 1.4.4 (テキストのサイズ変更) では、機能を損なうことなくテキストのサイズを最大 200% まで変更できることが必要です。
ユーザーがズームできるように、ビューポート メタ タグから user-scalable=no と Maximum-scale を削除します。
修正後にスキャナを再実行して、このルールに違反がないことを確認します。関連する属性が存在することをアサートするユニットまたは e2e テストを追加して、問題がサイレントに退行しないようにします。
法的証明ではなくガイダンス
スキャン結果は自動化されたアクセシビリティ ガイダンスであり、法的アドバイスや認定された適合性意見ではありません。自動スキャンと専門家による手動レビューを常に組み合わせてください。
よくある質問
この問題だけで私のサイトに罰金が科せられるのでしょうか?
単一の問題で直接罰金が課されることはほとんどありません。当局は通常、期限内の是正を要求します。通知を無視すると行政罰金が科される可能性があります。
スキャナーはこれをどのように検出するのでしょうか?
レンダリングされたページに対して axe-core ルールを実行し、一致する WCAG 基準と影響を受ける DOM セレクターによるすべての違反を明らかにします。
