要約

セクションとリストを使用して文献リスト（書誌）を構造化し、参考文献に簡単にアクセスできるようにします。

テクニック

• 関連するいくつかの参考文献をグループ化するには、 section要素を使用します。[[WCAG-1.3.1]]

• 各セクションに見出しを含めます [[WCAG-1.3.1]]

• 参考文献を構造化するにはリスト要素を使用します。[[WCAG-1.3.1]]

例

<section role="doc-bibliography">
   <h1>Bibliography</h1>
   <dl>
     <dt>[pub-manfest]</dt>
     <dd></dd>
     …
   </dl>
</section>

<section role="doc-bibliography">
   <h2>Bibliography</h2>
   
   <section>
     <h3>Normative References</h3>
     <dl>
       <dt>ARIA</dt>
       <dd>…</dd>
       …
     </dl>
   </section>
    
   <section>
     <h3>Informative References</h3>
     …
   </section>
   …
</section>

<section role="doc-bibliography">
   <h1>Bibliography</h1>
   
   <section aria-label="A">
     …
   </section>
    
   <section aria-label="B">
     …
   </section>
   …
</section>

解説

文献リスト（書誌）はリスト要素を使用してマークアップする必要があります。定義リストには、テキスト内で使用されるラベルを強調表示するのに役立つ説明用語要素 ( dt ) が、よく使用されます。文献リスト（書誌）が印刷ソースから変換されたものである場合は、順序なしリストもよく使用されます。エントリのアルファベット順は、順序をあらわすものではありません（たとえば、文献リストを逆順に並べ替えても意味は失われません）。

アルファベット順や数字順に関連するエントリをグループ化する場合や、文献リスト（書誌）がトピック別に分割されている場合（例：規範的参照と参考的参照）に、 section要素を使用します。セクションに見出しがない場合（つまり、グループを区切るためにスペースが使用されている場合）、セクションを囲む要素に aria-label属性を追加してタイトルを含めることができます。

リストの使用は、支援技術を利用するユーザーにとってナビゲーションを簡素化するため、推奨されます。エントリ間の移動が高速化されるだけでなく、リスト内の位置がアナウンスされるため、ユーザーは必要に応じて後で同じ場所にすばやく戻ることができます。

関連リンク

• DPUB-ARIA — doc-bibliography (ロール)
• HTML — section要素
• HTML —見出しとセクション
• HTML — dl要素
• HTML — ul要素