-
Notifications
You must be signed in to change notification settings - Fork 9
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Translate doc-toc.html via GitLocalize
- Loading branch information
1 parent
05804d2
commit 88e1ae1
Showing
1 changed file
with
71 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,71 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>doc-toc</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <meta name="description" content="The doc-toc role from the WAI-ARIA Digital Publishing module."> | ||
| <script> | ||
| var page_info = { | ||
| 'category': ['HTML', 'DPUB-ARIA'], | ||
| 'appliesTo': ['Audiobooks*','EPUB3'] | ||
| }; | ||
| </script> | ||
| <script src="/js/init.js"></script> | ||
| </head> | ||
| <body> | ||
| <main id="roles"> | ||
| <section> | ||
| <h3>解説</h3> | ||
|
|
||
| <p class="desc">コンテンツ内の主要なセクションの見出しへのリンクの順序付きリストを提供するナビゲーション補助機能。目次は、作品全体をカバーする場合もあれば、作品の一部のみをカバーする場合もあります。</p> | ||
| </section> | ||
|
|
||
| <section id="ex"> | ||
| <h3>例</h3> | ||
|
|
||
| <figure id="ex-001"> | ||
| <figcaption> | ||
| <div class="label">例1 — 見出し付きの目次</div> | ||
| <p>ラベルは<code>aria-labelledby</code>属性で識別します。</p> | ||
| </figcaption> | ||
|
|
||
| <pre role="doc-example" id="ex-001-src" class="prettyprint linenums small"><code><nav role="doc-toc"> | ||
| <h2 id="hd05">Contents</h2> | ||
| <ol> | ||
| <li><a href="chapter01.html">Chapter 1</a></li> | ||
| … | ||
| </ol> | ||
| </nav></code></pre> | ||
| </figure> | ||
| </section> | ||
|
|
||
| <section id="aria"> | ||
| <h3>ARIAとの関係</h3> | ||
|
|
||
| <p><code>doc-toc</code>は、<a href="../landmarks.html">landmarkロール</a>です。</p> | ||
| </section> | ||
|
|
||
| <section id="usage"> | ||
| <h3>使用方法</h3> | ||
|
|
||
| <p><code>doc-toc</code>は通常、<code>nav</code>要素で使用します。</p> | ||
|
|
||
| <p><code>aria-labelledby</code>、<code>aria-label</code>、または<code>title</code>属性のいずれかを使用して、ロールにラベルを指定する必要があります。</p> | ||
|
|
||
| <p>role属性に認められる値についての簡易リストは、<a href="https://www.w3.org/TR/epub-aria-authoring/#sec-mappings">EPUBタイプによるARIAロール製作ガイド（EPUB Type to ARIA Role Authoring Guide）</a>の<a href="https://www.w3.org/TR/epub-aria-authoring/">対応表</a>をご覧ください。正式なリストは、<a href="https://www.w3.org/TR/html-aria/">HTMLのARIAについて（ARIA in HTML）</a>を参照してください。</p> | ||
| </section> | ||
| <section id="ref"> | ||
| <h3>関連リンク</h3> | ||
| <ul> | ||
| <li> <a href="https://www.w3.org/TR/dpub-aria-1.0/#doc-toc">DPUB-ARIA — <code>doc-toc</code></a> | ||
| </li> | ||
| <li> <a href="https://www.w3.org/TR/wai-aria/#role_definitions">WAI-ARIAロール</a> | ||
| </li> | ||
| <li> <a href="https://www.w3.org/TR/html-aria/">HTMLのARIAについて（ARIA in HTML）</a> | ||
| </li> | ||
| </ul> | ||
| </section> | ||
| </main> | ||
| </body> | ||
| </html> |