解説

作品の最後またはそのセクション内に出現する、注釈の集まりの一つで、参照されたテキストの一節に追加のコンテキストを提供します。

例 1 — ネイティブHTML要素を使用した文末脚注のリスト

この例では、 olリスト要素を使用してリストを表現しています。

<section role="doc-endnotes" aria-labelledby="note-hd">
   <h2 id="note-hd">Notes</h2>
   
   <ol>
      <li id="n001">1. In the far reaches of space …</li>
      …
   </ol>
</section>
例2 — ARIA ロールを使用した文末脚注のリスト

この例では、ARIAのlistおよびlistitemロールを使用してリストを定義します。

<section role="doc-endnotes" aria-labelledby="note-hd">
   <h2 id="note-hd">Notes</h2>
   
   <div role="list">
      <div role="listitem" id="n001">
         1. In the far reaches of space …
      </div>
      …
   </div>
</section>

ARIAとの関係

doc-endnoteは、listitemロールからセマンティクスを継承します。

使用方法

doc-endnoteロールの使用は推奨していません。このロールはARIAの継承モデルの変更と互換性がなく(つまり、 listlistitemロールのみを含めなければならず)、将来のバージョンで変更されなければいけません。

doc-endnotesロールを持つセクション内のリストにあるリスト項目の子は、自動的に個別の文末脚注であるとみなされるようになりました。

文末脚注セクションで各項目を表すのにリストを使用しない場合は、代わりにコアlistおよびlistitemロールを使用する必要があります(例2を参照)。

関連リンク