イメージの代替テキストは適切ですか? | |
JIS 5.4 a); WCAG 1.1; 508条 (a) | |
概要
そのイメージは装飾だけの目的で使われているわけではなさそうです(すなわち、スペーサーではありません)。同等の役割を果たすテキストの説明が必要です。 |
|
修正/チェック方法
そのalt属性値の代替テキストがイメージの内容を伝えているかどうかチェックしてください。 alt属性値の代替テキストは、イメージと同じ情報を伝えて、Webページにおけるイメージの役割を説明する必要があります。なぜそこにあるのか、何を表現しているのか、どのように情報を提供しているのか、といった説明です。電話でその説明を聞くことを想像するとよいでしょう。 もし、そのイメージがリンクで、あわせてテキストリンクも提供している場合は、img要素のalt属性値は空("")にしてください。その際、テキストリンクがイメージの代替テキストの役割を果たしている必要があります。 もしイメージが隠しリンクとして使用されているならば、そのalt属性値はリンク先を説明している必要があります。 もしイメージがWebページで装飾だけを目的にしている(スペーサーやビュレットなど)場合は、alt属性値を空("")あるいはスペースのみ(" ")とすべきです。 |
|
修正/チェックのポイント
|
|
JIS関連項目
|
|
解説
alt属性値はイメージが伝えている情報を説明するもので、イメージを表示するブラウザ以外を使用しているユーザーがWebページを利用することを可能にします。 alt属性値の代替テキストは、イメージと同じ情報を伝えて、Webページにおけるイメージの役割を説明する必要があります。なぜそこにあるのか、何を表現しているのか、どのように情報を提供しているのか、といった説明です。 隠しリンクで使用しているイメージ(通常は、a要素でマークアップされたスペーサー・イメージ)のalt属性値は、リンク先を説明する必要があります。alt属性値の内容は、隠しリンクの説明としてイメージを表示しないブラウザが使用します。(隠しリンクは、508条の1194.22(o) "繰り返されるナビゲーション部分のリンクをユーザーがスキップできる手段を提供しなければならない。" および WCAG 1.0 のチェックポイント 13.6 を満たすために用いるテクニックです。) イメージの代替テキストを提供することは、今日では、何らかの理由でグラフィック表現を利用できないユーザーが多いのでとても重要です。例えば、携帯電話、PDA、車載ブラウザなどのユーザーが挙げられます。 |
|
JIS X 8341-3について
JIS X 8341-3 の内容は、以下のサイトにて規格番号「X8341-3」で検索して、規格票をご覧ください。
|