適用 (対象)
HTML 及び XHTML
これは達成基準 3.1.3 一般的ではない用語 (G55: 定義にリンクするを満たす方法として十分) に関する達成方法である。
解説
この達成方法の目的は、名前または用語の説明を記述リストの形式で提供することである。リストは dl
要素を用いてマークアップし、その中では用語それぞれを個別の dt
要素に含め、直後の dd
要素に説明を含める。意味のある順序が確保されていれば、複数の用語を単一の説明に、単一の用語を複数の説明に関連付けることもできる。title
属性を用いて、記述リストに関する補足情報を提供することもできる。記述リストを使用することで、提示が変化しても、用語とその説明が一つの単位としてグループ化され、意味的な関連が保証される。
D説明がアルファベット順に並べられている場合は、記述リストを使用するのが最も容易である。記述リストの一般的な使用法は用語集である。
HTML5 では、「記述リスト」という名前が導入された。以前のバージョンでは、これらのリストは「定義リスト」と呼ばれていた。
事例
事例 1
海事用語の記述リストを、航海に関するウェブサイトで利用している。
<dl title="Nautical terms"> <dt>Knot</dt> <dd> <p>A <em>knot</em> is a unit of speed equaling 1 nautical mile per hour (1.15 miles per hour or 1.852 kilometers per hour).</p> </dd> <dt>Port</dt> <dd> <p><em>Port</em> is the nautical term (used on boats and ships) that refers to the left side of a ship, as perceived by a person facing towards the bow (the front of the vessel).</p> </dd> <dt>Starboard</dt> <dd> <p><em>Starboard</em> is the nautical term (used on boats and ships) that refers to the right side of a vessel, as perceived by a person facing towards the bow (the front of the vessel).</p> </dd> </dl>
参考リソース
この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
検証
手順
用語とそれに関する説明の組み合わせについて:
- そのリストが、
dl
要素に含まれていることを確認する。 - リストの各用語が
dt
要素内に含まれていることを確認する。 - 同じ説明を共有する複数の用語があるときに互いの
dt
要素が連続することを確認する。 - 各用語に対する説明が一つ以上の
dd
要素に含まれていることを確認する。 - 用語を含む一つ以上の
dt
要素の直後に、一つ以上のdd
要素があることを確認する。
期待される結果
- 上記の全ての結果が真である。