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