要約

注釈、図、表や、その他の種類の参照箇所への（訳注：逆方向の）リンクを組み込むと、便利な双方向の移動手段となり、読む場所を容易に変更できるようになります。

テクニック

• doc-backlinkロールを使って、参照箇所と通常のテキストへのリンクを区別します。

• リンクの目的が明確でない場合は、 aria-label属性を使って追加のコンテキストを追加します。[[WCAG-2.4.4]]

例

<p>… was extra
   crunchy.<a id="fn01-ref" href="#fn01" role="doc-noteref">1</a>
</p>
…
<aside role="doc-footnote" id="fn01">
   <p><a href="#fn01-ref" role="doc-backlink">[1]</a> The first
      known instance of human cannibalistic …</p>
</aside>

<p>… as shown in <a id="fig01-ref" href="#fig01">Figure 1.0</a></p>
…
<figure id="fig01"> 
   <figcaption>Figure 1.0 …</figcaption>
   <img src="img01.jpg" alt="…"/>
   <p>
      <a href="#fig01-ref"><img src="back-arrow.jpg"
         alt="Text reference to figure"/></a>
   </p>
</figure>

<p>… as shown in <a id="fig01-ref" href="#fig01">Figure 1.0</a></p>
…
<figure id="fig01">
   <figcaption>
      <a href="#fig01-ref"
         aria-label="Figure 1.0 text reference">Figure 1.0</a>
      …
   </figcaption>
   <img src="img01.jpg" alt="…"/>
</figure>

<figure id="table01"> 
   <figcaption>
      Table 1 … 
      <a href="tbl01-ref01" role="doc-backlink"
         aria-label="Reference on page 235">[1]</a>,
      <a href="tbl01-ref02" role="doc-backlink"
         aria-label="Reference on page 303">[2]</a>,
      <a href="tbl01-ref03" role="doc-backlink"
         aria-label="Reference on page 318">[3]</a>
   </figcaption>
   <table>
      …
   </table>
</figure>

解説

本文から参照されているコンテンツへと、コンテンツから本文へとの双方向のリンクがあると、ユーザーの読書体験は大幅に向上します。一般的にはユーザーは、例えば脚注に行くときに参照をたどると考えられますが、章やセクション内の本文を全て読み終わってから、補助的な情報を読むことも考えられます。このような場合に本文内の該当するテキストの参照マークに戻るリンクがなければ、本文との関連性に関する理解が難しくなります。

EPUB のリーディングシステムの多くには戻るボタンがなく、ユーザーがリンク先に移動したあとに元の場所に戻る唯一の方法が手動となるという点においても、双方向リンクは便利です。これは目の見える読者であっても厄介なことですが、支援技術のユーザーは、元の場所を見つけるまで、各段落の開始箇所を手動で聞いていかなければなりません。

参照マークへのリンクを追加するときに最も重要なことは、リンクの目的とそのリンク先について、ユーザーを混乱させないようにすることです。

たとえば、脚注の参照番号に「戻る」リンクを付けて、その脚注が参照された場所にユーザーを誘導するなど、一部のリンクパターンは一般的に知られていますが、このようなパターンをなじみのないコンテキストで再利用するときには注意が必要です。例 3 は、このようなシナリオの一つを示しています。図表番号へのリンクは、脚注参照へのリンクほどには直感的なパターンではありません。リンクやその周囲のコンテキストで参照について何も言及されていないため、ユーザーはこれを図表に戻るリンクであると誤解するかもしれません。このような場合、リンクを提供する他の手段が使えない場合は（代替アプローチについては例 2を参照）、 aria-label属性を使用して、不足しているコンテキストを追加しなければなりません。

同様に、テキスト内に一つの注釈、図、表に対する参照が複数あるのに、戻るリンクが一つしか提供されていない場合も、ユーザーを混乱させます。二つ目または三つ目のリンクをたどった場合に、一つ目の参照に戻ると混乱します。一つ目の参照に戻るというコンテキストをリンクに追加することで、ユーザーが混乱するのを避けられます。

参照マークへのリンクが複数用意されている場合でも、それをどのように意味あるラベルにするかは難しい問題です。テキスト内に静的な改ページマーカーがあれば、ユーザーが正しい戻り方を判断するのに、ページ番号で場所を参照するのも一つの方法です（例 4を参照）。しかし、この方法にも問題があります。現在のところ、ページ番号を読み上げる支援技術がないのです。ユーザーは、正しいリンクを見つけるまで、順番にそれぞれのリンクを試さなければならないかもしれません。

関連リンク

• DPUB-ARIA — doc-backlinkロール