H2: 同じリソースに対して隣接する画像とテキストリンクを結合する の適用要件

Webアクセシビリティ
スポンサーリンク

 

PDFへのリンクにつけられるアイコン画像等の場合

PDFのリンクについているアイコン。

 

これについて考察。

  • アイコンが、cssの場合
  • アイコンが、imgの場合

 

アイコンが、cssの場合

アイコンがcssの場合、適用外になる。

 

手順に以下のようにある。

 

a 要素に含まれるすべての img 要素の alt 属性値が空に設定されていることを確認する。

 

H2: 同じリソースに対して隣接する画像とテキストリンクを結合する | WCAG 2.0 達成方法集

 

img要素の画像にしか言及していない。

 

アイコンがimgの場合、必ず<a>タグで囲わなければならないか?

アイコンがimgの場合、必ず<a>タグで囲わなければならないか?というと、かなり微妙なラインだが、必ずとは言い切れない。

 

解説には以下のように始まっている。

 

この達成方法の目的は、テキストとアイコンの両方でリンクを提供する際、

 

つまり、テキストがリンクでも、画像がリンクでない場合に適用されると読み取れる。

その為、

[リンクじゃない画像] リンクテキスト

の構成の場合、適用外にできると考えられる。

 

しかしできることなら

<a>タグで囲ってしまったほうがベターではないかと思う。(画像もクリックできるようになり、ユーザビリティも向上する場合が多いように思う)

コメント