Digital Publishing WAI-ARIA Module 1.1 日本語訳

<section role="doc-abstract" aria-label="Abstract">
   <p>Accessibility of web content requires semantic information about widgets, structures,
      and behaviors …</p>
</section>

<section role="doc-acknowledgments">
   <p>I would like to extend my sincere gratitude to … </p>
</section>

<section role="doc-afterword">
   <h2>Afterword: Why I Wrote This Book</h2>
   …
</section>

<section role="doc-appendix">
   <h2>Appendix A. Historical Timeline</h2>
   …
</section>

<aside id="fn01" role="doc-footnote">
   <a role="doc-backlink" href="#fnref01">1.</a>
   Additional results of this study and
   similar studies can be found at …
</aside>

<section role="doc-bibliography">
   <h2>Select Bibliography</h2>
   <ul>
      …
   </ul>
</section>

<p>
   As <a role="doc-biblioref"
      href="#b8cab5dd-bc24-459c-9858-7afa9da69b64">Steinbeck</a>
   says in his great novel …
</p>

<section role="doc-chapter">
   <h2>Chapter 1. Loomings.</h2>
   …
</section>

<section role="doc-colophon" aria-label="About the type">
   <p>This publication was set using … </p>
</section>

<section role="doc-conclusion">
   <h2>Summary</h2>
   <p>A central task in feminist scholarship is to expose and dismantle the stereotypes … </p>
</section>

<img role="doc-cover" src="coverimage.jpg" alt="A Room of One's Own by Virginia Woolf"/>

<p role="doc-credit">
   Page 62, Table 3.1 from <cite>“Economic Foundations of Cost-Effectiveness Analysis”</cite>
   by A. M. Garber and C. E. Phelps …
</p>

<section role="doc-credits">
   <h2>Photo Credits</h2>
   …
</section>

<p role="doc-dedication">To my family, without whom this would have never been possible.</p>

<section role="doc-endnotes">
   <h2>Notes</h2>
   <ol>
      <li id="6baa07af">
         <p>Additional results of this study can be found at … </p>
      </li>
      <li id="7b2c0555">
         <p>…</p>
      </li>
      …
   </ol>
</section>

<section role="doc-endnotes">
   <h2>Notes</h2>
   <section>
      <h3>Canto I</h3>
      <div role="list>
         <div role="listitem">
            <p>1. The use of alliteration here … </p>
         </div>
         …
      </div>
   </section>
   …
</section>

<blockquote role="doc-epigraph">
   <p>“Would you tell me please, which way I ought to go from here?”</p>
   <p>“That depends a good deal on where you want to get to,” said the cat.</p>
</blockquote>

<section role="doc-epilogue">
   <header>
      <h2>Epilogue</h2>
      <p>SPOKEN BY PROSPERO</p>
   </header>
   <p>Now my charms are all o'erthrown, …</p>
   …
</section>

<section role="doc-errata">
   <h2>Corrections</h2>
   …
</section>

<figure role="doc-example">
   <figcaption>Example 1 — Hello World!</figcaption>
   …
</figure>

<aside id="6baa07af" role="doc-footnote">
   * Additional results of this study and similar studies can be found at …
</aside>

<section role="doc-foreword">
   <h2>Foreword</h2>
   …
</section>

<section role="doc-glossary" aria-label="glossary">
   <dl>
      …
      <dt id="bcc0f155"><dfn>Credit default swap</dfn></dt>
      <dd>
         A credit default swap effectively insures against
         default by a borrower.
      </dd>
      …
   </dl>
</section>

<section role="doc-glossary" aria-labelledby="glosshd">
   <h2 id="glosshd">Glossay of Technical Terms</h2>
   <ul>
      <li id="gtt00110001"><dfn>algorithm</dfn> A set of rules …</li>
      …
   </ul>
</section>

<p>
   This is indicated in the cost of a
   <a href="#bcc0f155" role="doc-glossref">credit default swap</a> …
</p>

<section role="doc-index">
   <h2>Index</h2>
   <section>
      <h2>A</h2>
      <ul>
         <li>A/B testing, <a href="chapter03.xhtml#page230">230</a></li>
         …
      </ul>
   </section>
   …
</section>

<section role="doc-introduction">
   <p>Everyone has some experience with marketing … </p>
</section>

<p> … as studies have shown.<a href="#fn01" id="fnref01" role="doc-noteref">[1]</a></p>

<section role="doc-notice">
   <img src="warning.png" alt="warning icon"/>
   <p>Just because you can include a font doesn’t mean you should.
      Think carefully about readability. Also, be respectful of intellectual property.
      There are many excellent free open-source fonts available.</p>
</section>

<div role="doc-notice" aria-label="Explosion Risk">
   <p><em>Danger!</em> Mixing reactive materials may cause an explosion.</p>
</div>

<section role="doc-pagefooter">
   <div>Leo Tolstoy</div>
   <div>321</div>
   …
</section>

<section role="doc-pageheader">
   <div>War and Peace</div>
   <div>321</div>
   …
</section>

<nav role="doc-pagelist">
   <h2>Pages</h2>
   <ol>
      <li><a href="chapter.xhtml#Page_1">1</a></li>
      <li><a href="chapter.xhtml#Page_2">2</a></li>
      …
   </ol>
</nav>

<section role="doc-part">
   <h2>Part One</h2>
   <section role="doc-chapter">
      <h2>Chapter 1</h2>
      …
   </section>
   …
</section>

<section role="doc-preface">
   <h2>Introduction:A Guide to the Galaxy</h2>
   …
</section>

<section role="doc-prologue">
   <header>
      <h2>Prologue</h2>
      <p>Chorus</p>
   </header>
   <p>Two households, both alike in dignity, …</p>
   …
</section>

<p>… I may die, but first you, my tyrant and tormentor, shall curse the sun that gazes on your misery.
   <span id="pq01" role="doc-pullquote">Beware, for I am fearless and therefore powerful.</span>
   I will watch with the wiliness of a snake, that I may sting with its venom. … </p>

<p>… Better habits pave the way to growth, and growth leads to greater happiness.</p>
<aside role="doc-pullquote" aria-hidden="true">
   Better habits pave the way to growth, and growth leads to greater happiness.
</aside>

<section role="doc-qna">
   <h2>Interview with the Author</h2>
   <dl>
      <dt>Q: When did you begin writing this book?</dt>
      <dd>A: I first got the idea …</dd>
      …
   </dl>
</section>

<header>
   <h2>Chapter 2 The Battle</h2>
   <p role="doc-subtitle">Once more unto the breach</p>
</header>

<aside role="doc-tip">
   <h3>Tip</h3>
   <p>You can assign a variable a new value that is the result
      of an expression involving its previous value.</p>
</aside>

<nav role="doc-toc">
   <h2>Contents</h2>
   <ol role="directory">
      <li><a href="preface_001.xhtml">Original Transcriber’s Notes:</a></li>
      <li><a href="introduction_001.xhtml">ETYMOLOGY.</a></li>
      <li><a href="epigraph_001.xhtml">EXTRACTS (Supplied by a Sub-Sub-Librarian).</a></li>
      <li><a href="chapter_001.xhtml">Chapter 1. Loomings.</a></li>
      …
   </ol>
</nav>