イメージのlongdesc属性が無効です | |
JIS 5.4 a); WCAG 1.1; 508条 (a) | |
概要
イメージのlongdesc属性が、以下のいずれかの理由で有効ではありません。
|
|
修正/チェック方法
longdesc属性で指定されているリンクが有効かどうかを確認してください。 現時点では多くのブラウザがlongdesc属性をサポートしていないため、イメージのすぐ近くにいわゆるDリンクも置いたほうがよいでしょう。Dリンクは、"D" というラベルでイメージの説明文の全文を提供するHTMLページへのノーマルなテキストリンクです。ただし、日本語のWebページでは、"(イメージ名)の詳細" というようなラベルにしたほうがよいでしょう。以下はソースコード例: <img src="chart.gif" alt="清涼飲料の配送チャート" longdesc="chart.html">< a href="chart.html">配送チャート図の詳細</a> イメージのすぐ近くにキャプションのようなテキストの説明を置くことも方法の一つです。その際は、longdesc属性やDリンクは必要ありません。 |
|
修正/チェックのポイント
|
|
JIS関連項目
|
|
解説
alt属性値でイメージの内容を十分に説明しきれないことがあります。ダイアグラム、ヒストグラム、チャート、あるいはオンラインカタログの製品写真などを考えてみてください。その内容を説明するためには、フレキシブルに対処する必要があります。 イメージの説明が長文になるときには、longdesc属性を用いることができます。imgタグにlongdesc="any_HTML_file"という属性をつけることで、イメージをその説明文を提供するHTMLファイルにリンクさせることが可能です。longdesc属性値は(alt属性値と異なり)、他のリソースや説明といったWebページへのリンクを含む(X)HTMLコードを記述することができます。 しかしながら、現時点では多くのブラウザがlongdesc属性をサポートしていないため、イメージのすぐ近くにいわゆるDリンクも置いたほうがよいでしょう。Dリンクは、"D" というラベルでイメージの説明文の全文を提供するHTMLページへのノーマルなテキストリンクです。ただし、日本語のWebページでは、"(イメージ名)の詳細" というようなラベルにしたほうがよいでしょう。以下はソースコード例: <img src="chart.gif" alt="清涼飲料の配送チャート" longdesc="chart.html">< a href="chart.html">配送チャート図の詳細</a> イメージのすぐ近くにキャプションのようなテキストの説明を置くことも方法の一つです。その際は、longdesc属性やDリンクは必要ありません。 イメージに適切な代替テキストを提供することは、今日では、何らかの理由でグラフィック表現を利用できないユーザーが多いのでとても重要です。例えば、携帯電話、PDA、車載ブラウザなどのユーザーが挙げられます。 |
|
JIS X 8341-3について
JIS X 8341-3 の内容は、以下のサイトにて規格番号「X8341-3」で検索して、規格票をご覧ください。
|