要約

電子出版物のユーザーが、(紙媒体のような)静的にページ付けされた出版物と同じ位置に移動できるようにするために、ページリストを組み込んでください。

テクニック

例 1 — ページリスト(EPUB 3)

ページリストは、ページ区切り位置へのリンクの単純な順序付きリストです。これはepub:type属性値page-listによって識別されます。

spineに目次を含んでいる場合には、リストがユーザーに表示されないようにページリストに対してhidden属性を設定するよう注意してください。

ページリストが常にユーザーに対して非表示になっている場合、あるいはEPUBナビゲーション ドキュメントがspineに含まれていない場合には、ARIA role属性(次の例を参照)は必要ありません。

<nav epub:type="page-list" hidden="hidden">
 <ol>
   <li><a href="georgia.xhtml#page752">752</a></li>
   <li><a href="georgia.xhtml#page753">753</a></li>
   <li><a href="georgia.xhtml#page754">754</a></li>
   <li><a href="georgia.xhtml#page755">755</a></li>
   <li><a href="georgia.xhtml#page756">756</a></li>
   <li><a href="georgia.xhtml#page757">757</a></li>
   <li><a href="georgia.xhtml#page758">758</a></li>
 </ol>
</nav>
例 2 — ページリスト (Web)

Web 上で使用されるページリストは、通常、 role属性値doc-pagelistによって識別されます。aria-label属性は、ナビゲーション要素のタイトルを提供するために使用されますが、明示的な見出しも使用できます(2 番目のnav要素を参照)。

<nav role="doc-pagelist" aria-label="Page list">
 <ol>
   <li><a href="georgia.xhtml#page752">752</a></li>
   <li><a href="georgia.xhtml#page753">753</a></li>
   …
 </ol>
</nav>

<nav role="doc-pagelist" aria-labelledby="pg-hd">
 <h2 id="pg-hd">Page List</h2>
 <ol>
   <li><a href="georgia.xhtml#page752">752</a></li>
   <li><a href="georgia.xhtml#page753">753</a></li>
   …
 </ol>
</nav>
例 3 — ページリスト(EPUB 2 および DAISY 3)

EPUB 2 および DAISY 3 出版物のページリストは、NCXと呼ばれるカスタムXML文法を使用して表現されます。

<?xml version="1.0" encoding="UTF-8"?>
<ncx xmlns:ncx="http://www.daisy.org/z3986/2005/ncx/"
     xmlns="http://www.daisy.org/z3986/2005/ncx/"
     version="2005-1" xml:lang="en">
    …
    <pageList>
        <navLabel>
            <text>Pages</text>
        </navLabel>
        <pageTarget type="normal" id="page752" value="752" playOrder="1">
            <navLabel>
                <text>752</text>
            </navLabel>
            <content src="georgia.xhtml#page752"/>
        </pageTarget>
        <pageTarget type="normal" id="page753" value="753" playOrder="2">
            <navLabel>
                <text>753</text>
            </navLabel>
            <content src="georgia.xhtml#page753"/>
        </pageTarget>
        …
    </pageList>
</ncx>

よくある質問

ページリストのリンクはどのような順序にすれば良いでしょうか?

現在、ページリスト内のリンクの順序に関する要件はありません。一般的な手法はリンクを数字順に並べることですが、電子出版物のコンテンツの順序が物理的な順序と一致しない場合があります(たとえば、出版社が前書きを最後に移動する場合があります)。このような場合、一部のEPUB作成者は、デジタルコンテンツに合わせたページリスト順番を好みます。

ページリストを含む出版物にはページ区切りマーカーが必要ですか?

ページリストは、ページ区切りマーカーのない電子出版物に含まれる場合がありますが、この方法はまれであり、ユーザーにとってあまり役に立ちません。例としては、各章の最初のページにのみリンクするページリストがあります。ページリストは、ページ区切りマーカーの代わりに、章の見出しにリンクできます。ただし、通常は目次によって各章へのアクセスが提供されるので、このアプローチの活用は限定的です。

解説

印刷物のような静的にページ番号が付けられた原本よりリフロー可能な出版物が製作される場合、ページリストを組み込むと、ユーザーは静的なページ位置に移動できます。たとえば、クラスメイトが印刷物の本を使用しているクラスでデジタル版を使用している学生は、授業中にまったく同じページに移動できます。

ページリスト自体は、すべてのページ区切り位置へのリンクのリストです。ユーザーエージェントはこのリストを使用して自動ページ ジャンプ機能を提供できます。また、ユーザーはこのリストに直接アクセスして手動で移動したいページを選択できます。

EPUB 3 では、ページリストはナビゲーション ドキュメント内のページリスト nav 要素で表現されます。この要素は、基本的に各ページ区切り位置へのリンクのフラットリストです。

<nav epub:type="page-list">
 <ol>
   <li><a href="chapter01.xhtml#page1">1</a></li>
   <li><a href="chapter01.xhtml#page2">2</a></li>
   …
 </ol>
</nav>

EPUB 2 では、ページリストは NCX ファイルのpageList要素を使用して表現されます(例 2を参照)。

関連リンク