修正方法: 画像に代替テキストがありません
画像に代替テキストがないことは、自動スキャナーがフラグを立て、EAA 執行当局が深刻に受け止めている WCAG A のアクセシビリティ障害としてよく見られます。ここでは、その原因、それが重要な理由、そして具体的な修正方法を説明します。
それが重要な理由とその修正方法
スクリーン リーダーのユーザーには、代替テキストのない画像については何も意味がありません。 WCAG 1.1.1 のテキストの画像ルールは、装飾以外のすべての画像に説明が必要であることを意味します。
画像が伝える内容を説明する alt 属性を追加するか、純粋に装飾的な場合は alt="" を追加します。
修正後にスキャナを再実行して、このルールに違反がないことを確認します。関連する属性が存在することをアサートするユニットまたは e2e テストを追加して、問題がサイレントに退行しないようにします。
法的証明ではなくガイダンス
スキャン結果は自動化されたアクセシビリティ ガイダンスであり、法的アドバイスや認定された適合性意見ではありません。自動スキャンと専門家による手動レビューを常に組み合わせてください。
よくある質問
この問題だけで私のサイトに罰金が科せられるのでしょうか?
単一の問題で直接罰金が課されることはほとんどありません。当局は通常、期限内の是正を要求します。通知を無視すると行政罰金が科される可能性があります。
スキャナーはこれをどのように検出するのでしょうか?
レンダリングされたページに対して axe-core ルールを実行し、一致する WCAG 基準と影響を受ける DOM セレクターによるすべての違反を明らかにします。