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