longdesc 属性を用いる

適用 (対象)

短いテキストによる代替では説明しきれない画像を含む HTML 及び XHTML 文書

これは達成基準 1.1.1 非テキストコンテンツ (十分な達成方法) に関する達成方法である。

解説

訳注:

WAIC では H45 に関するアクセシビリティ・サポーテッド（AS）情報を提供している。2014 年 6 月版のアクセシビリティ・サポーテッド（AS）情報: H45 では、「達成不可能」と評価されている。WAIC はウェブ制作者がこの達成方法を使用することを推奨しない。

訳注:

WAIC では H45 に関するアクセシビリティサポーテッド（AS）情報を提供している。2020 年 3 月版のアクセシビリティサポーテッド（AS）情報: H45 も参照されたい。

この達成方法の目的は、短いテキストによる代替では画像の機能や情報が十分に伝達できない場合に、longdesc 属性でのファイル指定によって情報を提供することである。longdesc 属性には URI を指定する。これは非テキストコンテンツの詳しい説明を含む目的地を意味する。

コンテンツ制作者は、テキストを別のリソースまたはページ上の画像にテキストを含めることで、画像の説明を提供できる。別のリソースを用いて説明することの利点は、同じ画像を複数の箇所で簡単に再利用できることにあり、元となるドキュメントにページ上の視覚的なノイズを加えず、説明の最終点を利用者に明確にすることにある。画像と同じページに説明を提供する利点は、すべての利用者が説明にアクセスできることにある。ページ上のメソッドの制限は、複数の説明を単一の別ページに提供することと同様に、現在の longdesc 属性の実装サポートでは、長い説明文の最終点を識別できないということである。制作者はどこで説明文が終わるかを識別する定型文を提供することによって解決ができる。

事例

事例 1: longdesc 属性を用いて別のリソースに含まれた長い説明文を参照する。

<p><img src="chart.gif" alt="a complex chart" longdesc="chartdesc.html"/></p>

事例 2: longdesc 属性を用いて同じページに含まれた長い説明文を参照する。

<img longdesc="thispage.html#desc" alt="Line graph of the number of subscribers" src="http://www.company/images/graph.png">
<div id="desc">
<h3>Long Description: Line graph of the number of subscribers</h3>
<!-- Full Description of Graph -->
<p>Long description ends.</p>
<div>

参考リソース

この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。

検証

手続き

longdesc 属性を指定した img 要素があることを確認する。
longdesc 属性の値が、存在するリソースの有効な URI であることを確認する。
その URI で指定されたコンテンツには、関連付けられたオリジナルの非テキストコンテンツの詳しい説明が含まれていることを確認する。

期待される結果

1. から 3. の全ての結果が真である。