-
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-tip.html via GitLocalize
- Loading branch information
1 parent
de1be09
commit 05804d2
Showing
1 changed file
with
65 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,65 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>doc-tip</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content="The doc-tip 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> | ||
</figcaption> | ||
|
||
<pre role="doc-example" id="ex-001-src" class="prettyprint linenums small"><code><div role="doc-tip" class="tip"> | ||
Counting on your fingers is an easy path to success! | ||
</div></code></pre> | ||
</figure> | ||
</section> | ||
|
||
<section id="aria"> | ||
<h3>ARIAとの関係</h3> | ||
|
||
<p><code>doc-tip</code>は、<a href="https://www.w3.org/TR/wai-aria/#note">noteロール</a>からセマンティクスを継承します。</p> | ||
</section> | ||
|
||
<section id="usage"> | ||
<h3>使用方法</h3> | ||
|
||
<p><code>doc-tip</code>は通常、<code>div</code>要素と<code>p</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-tip">DPUB-ARIA — <code>doc-tip</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> |