数字出版 WAI-ARIA 模块 1.1

<section role="doc-abstract" aria-label="摘要">
   <p>Web 内容的可访问性需要有关控件、结构
      和行为的语义信息 …</p>
</section>

<section role="doc-acknowledgments">
   <p>我谨向 … 表达诚挚的感谢 </p>
</section>

<section role="doc-afterword">
   <h2>后记：我为何写这本书</h2>
   …
</section>

<section role="doc-appendix">
   <h2>附录 A. 历史时间线</h2>
   …
</section>

<aside id="fn01" role="doc-footnote">
   <a role="doc-backlink" href="#fnref01">1.</a>
   本研究的其他结果以及
   类似研究可见于 …
</aside>

<section role="doc-bibliography">
   <h2>精选书目</h2>
   <ul>
      …
   </ul>
</section>

<p>
   正如 <a role="doc-biblioref"
      href="#b8cab5dd-bc24-459c-9858-7afa9da69b64">Steinbeck</a>
   在他的伟大小说中所说 …
</p>

<section role="doc-chapter">
   <h2>第 1 章。远望。</h2>
   …
</section>

<section role="doc-colophon" aria-label="关于字体">
   <p>本出版物使用 … 排版 </p>
</section>

<section role="doc-conclusion">
   <h2>总结</h2>
   <p>女性主义学术研究的一项核心任务是揭露并拆解刻板印象 … </p>
</section>

<img role="doc-cover" src="coverimage.jpg" alt="Virginia Woolf 的《一间自己的房间》"/>

<p role="doc-credit">
   第 62 页，表 3.1，出自 <cite>“成本效益分析的经济学基础”</cite>
   作者 A. M. Garber 和 C. E. Phelps …
</p>

<section role="doc-credits">
   <h2>照片致谢</h2>
   …
</section>

<p role="doc-dedication">献给我的家人，没有他们，这一切永远不可能实现。</p>

<section role="doc-endnotes">
   <h2>注释</h2>
   <ol>
      <li id="6baa07af">
         <p>本研究的其他结果可见于 … </p>
      </li>
      <li id="7b2c0555">
         <p>…</p>
      </li>
      …
   </ol>
</section>

<section role="doc-endnotes">
   <h2>注释</h2>
   <section>
      <h3>第一歌</h3>
      <div role="list>
         <div role="listitem">
            <p>1. 此处头韵的使用 … </p>
         </div>
         …
      </div>
   </section>
   …
</section>

<blockquote role="doc-epigraph">
   <p>“请问你能告诉我，我从这里该往哪条路走吗？”</p>
   <p>“这很大程度上取决于你想去哪里，”猫说。</p>
</blockquote>

<section role="doc-epilogue">
   <header>
      <h2>尾声</h2>
      <p>普洛斯彼罗念白</p>
   </header>
   <p>如今我的魔力已尽数消散，…</p>
   …
</section>

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

<figure role="doc-example">
   <figcaption>示例 1 — 你好，世界！</figcaption>
   …
</figure>

<aside id="6baa07af" role="doc-footnote">
   * 本研究和类似研究的其他结果可见于 …
</aside>

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

<section role="doc-glossary" aria-label="术语表">
   <dl>
      …
      <dt id="bcc0f155"><dfn>信用违约互换</dfn></dt>
      <dd>
         信用违约互换实际上为
         借款人的违约提供保险。
      </dd>
      …
   </dl>
</section>

<section role="doc-glossary" aria-labelledby="glosshd">
   <h2 id="glosshd">技术术语表</h2>
   <ul>
      <li id="gtt00110001"><dfn>算法</dfn> 一组规则 …</li>
      …
   </ul>
</section>

<p>
   这体现在
   <a href="#bcc0f155" role="doc-glossref">信用违约互换</a> 的成本中 …
</p>

<section role="doc-index">
   <h2>索引</h2>
   <section>
      <h2>A</h2>
      <ul>
         <li>A/B 测试，<a href="chapter03.xhtml#page230">230</a></li>
         …
      </ul>
   </section>
   …
</section>

<section role="doc-introduction">
   <p>每个人都对营销有一些经验 … </p>
</section>

<p> … 正如研究所示。<a href="#fn01" id="fnref01" role="doc-noteref">[1]</a></p>

<section role="doc-notice">
   <img src="warning.png" alt="警告图标"/>
   <p>能包含字体并不意味着你就应该这样做。
      请仔细考虑可读性。同时，也要尊重知识产权。
      有许多优秀的免费开源字体可用。</p>
</section>

<div role="doc-notice" aria-label="爆炸风险">
   <p><em>危险！</em> 混合反应性材料可能导致爆炸。</p>
</div>

<section role="doc-pagefooter">
   <div>列夫·托尔斯泰</div>
   <div>321</div>
   …
</section>

<section role="doc-pageheader">
   <div>战争与和平</div>
   <div>321</div>
   …
</section>

<nav role="doc-pagelist">
   <h2>页面</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>第一部分</h2>
   <section role="doc-chapter">
      <h2>第 1 章</h2>
      …
   </section>
   …
</section>

<section role="doc-preface">
   <h2>引言：银河系指南</h2>
   …
</section>

<section role="doc-prologue">
   <header>
      <h2>序幕</h2>
      <p>合唱队</p>
   </header>
   <p>两个家族，门第相当，…</p>
   …
</section>

<p>… 我可能会死，但首先，你，我的暴君和折磨者，将诅咒照见你苦难的太阳。
   <span id="pq01" role="doc-pullquote">当心，因为我无所畏惧，因此强大。</span>
   我将像蛇一样狡黠地守候，好用它的毒液刺伤你。… </p>

<p>… 更好的习惯为成长铺路，而成长带来更大的幸福。</p>
<aside role="doc-pullquote" aria-hidden="true">
   更好的习惯为成长铺路，而成长带来更大的幸福。
</aside>

<section role="doc-qna">
   <h2>作者访谈</h2>
   <dl>
      <dt>问：你是什么时候开始写这本书的？</dt>
      <dd>答：我第一次有这个想法是在 …</dd>
      …
   </dl>
</section>

<header>
   <h2>第 2 章 战斗</h2>
   <p role="doc-subtitle">再次冲向突破口</p>
</header>

<aside role="doc-tip">
   <h3>提示</h3>
   <p>你可以把一个变量赋予一个新值，该新值是包含
      其先前值的表达式的结果。</p>
</aside>

<nav role="doc-toc">
   <h2>目录</h2>
   <ol role="directory">
      <li><a href="preface_001.xhtml">原转录者说明：</a></li>
      <li><a href="introduction_001.xhtml">词源。</a></li>
      <li><a href="epigraph_001.xhtml">摘录（由副副图书管理员提供）。</a></li>
      <li><a href="chapter_001.xhtml">第 1 章。远望。</a></li>
      …
   </ol>
</nav>