svg-decorative svg-decorative
意味を持たない装飾アイコンが読み上げ対象のまま残っている状態。
補正が発火するマークアップ
ボタン内のアイコン。ボタン側に aria-label があるため、アイコン自体は読み上げ不要。
span 内のチェックアイコン。隣接するテキストが内容を伝えている。
在庫あり
div 内の装飾アイコン。id があるためセレクタは svg#badge-icon になる。
送料無料
補正が発火してはいけないマークアップ
role="img" と aria-label を持ち、内部にテキストもある。意味のある図版として扱う。
aria-hidden が明示されている。上書きしない。
次の svg は直近の親が <main> である。装飾的とみなせる親の一覧に含まれないため、
図版の可能性を残して対象外にする。