このルールがチェックする内容
[role="img"] の要素に代替テキストが存在することを確認してください.
なぜ重要なのか
WCAG 1.1.1では、意味のある画像に代替テキストが求められます。
修正方法
- 要素にaria-labelを追加するか、装飾目的であればrole="img"を削除します。
修正の確認方法
- 該当するページを再スキャンします。
FixReportsが検出する方法
当社のスキャンは、テストする各ページで実際のChromeブラウザを使ってaxe-coreのルールrole-img-altを実行し、不合格の要素ごとに、そのページ、マークアップ、該当する場合はスクリーンショットを報告します。
自動テストで確認できるのは、この特定の問題が存在することです。ページのそれ以外の部分がアクセシブルかどうかはわかりません。人がページを確認して初めて見つかるバリアもあります。