適用 (対象)
リンクを提供するコンテンツ
これは、次の達成基準に関する達成方法である:
解説
この文書は、画像のような非テキストコンテンツのみで提供されているリンクについて、そしてそのリンクがアクセシブルな名前で特定できないときに起こる失敗例について述べている。リンクのアクセシブルな名前 (name) は Accessible Name and Description Computation によって決定される。
これはテキスト及び画像が同じリンク先に別々にリンクしている場合にも適用される。このケースでは、実装方法 H2: 同じリソースに対して隣接する画像とテキストリンクを結合する は別々のリンク及び望ましくない冗長性を減少させるのに推奨される方法である。
事例
例 1: HTML 検索結果
検索サイトは、試合のサイトへのテキストリンク及び画像リンクの両方を含んだ検索結果を返す。 検索結果には既にテキストリンクがあるため、画像の alt 属性は空になっている。 しかし、スクリーンリーダーは画像リンクを無視しないで、リンクの目的が説明されていそうなテキストを見つけるための推測に基づいた修復を試みる。 例えば、スクリーンリーダーは「football dot gif Football Scorecard」と読み上げるかもしれない。
<a href="scores.html"> <img src="football.gif" alt="" /> </a> <a href="scores.html"> Football Scoreboard </a> }
参考リソース
参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
検証
手順
- リンクが非テキストコンテンツのみを含むかどうかを確認する。
- 非テキストコンテンツが、role="presentation" 又は alt=""を用いるなど、支援技術により無視される方法で実装されているかどうかを確認する。
- そのリンクに、
aria-label又はaria-labelledbyのような他の方法でアクセシブルな名前 (name) が提供されていないことを確認する。
期待される結果
- 上記の全ての結果が真である場合、この失敗例の条件は適用され、コンテンツは達成基準の失敗となる。