dpub-aria/index.html

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
  <head>
    <title>Digital Publishing WAI-ARIA Module 1.1</title>
    <meta charset="UTF-8" />
    <script src="https://www.w3.org/Tools/respec/respec-w3c" class="remove"></script>
    <script src="../common/script/resolveReferences.js" class="remove"></script>
    <script src="../common/biblio.js" class="remove" defer="defer"></script>
    <link href="../common/css/common.css" rel="stylesheet" type="text/css" />
    <script class="remove" src="../common/script/ariaChild.js"></script>
    <script class="remove" src="../common/script/roleInfo.js"></script>
    <script class="remove">
      var respecConfig = {
        // wg: "Publishing Working Group",
        specStatus: "WD",
        shortName: "dpub-aria-1.1",
        crEnd: "2023-08-29",
        implementationReportURI: "https://w3c.github.io/test-results/dpub-aria/",
        edDraftURI: "https://w3c.github.io/dpub-aria/",
        editors: [
          {
            name: "Matt Garrish",
            url: "https://www.daisy.org",
            company: "DAISY Consortium",
            companyURI: "https://www.daisy.org",
            w3cid: 51655,
          },
          {
            name: "Tzviya Siegman",
            url: "https://www.wiley.com",
            company: "Wiley",
            companyURI: "https://www.wiley.com",
            w3cid: 65542,
          },
        ],

        formerEditors: [
          {
            name: "Shane McCarron",
            url: "http://blog.halindrome.com",
            company: "Spec-Ops",
            companyURI: "https://www.spec-ops.io",
            w3cid: 89030,
          },
          {
            name: "Markus Gylling",
            url: "https://www.daisy.org",
            company: "DAISY Consortium",
            companyURI: "https://www.daisy.org",
            w3cid: 21614,
          },
        ],

        group: "aria",

        /*
				otherLinks:[ {
					key: "Repository",
					data:[ {
					value: "Github Repository",
					href: "https://github.com/w3c/dpub-aria"
					}]
				}, {
					key: "Changes",
					data:[{
					value: "https://github.com/w3c/dpub-aria/commits/",
					href: "https://github.com/w3c/dpub-aria/commits/"
					//   value: "Diff to previous version",
					//   href: "diff.html"
					}]}],
					*/
        copyrightStart: "2015",
        processVersion: 2018,
        github: "w3c/dpub-aria",
        doJsonLd: true,
        trace: true,
        maxTocLevel: 4,

        dpubModURLs: {
          ED: "",
          WD: "",
          CRD: "",
          REC: "",
        },
        ariaSpecURLs: {
          ED: "https://w3c.github.io/aria/",
          WD: "https://www.w3.org/TR/wai-aria-1.1/",
          CRD: "https://www.w3.org/TR/wai-aria-1.1/",
          REC: "https://www.w3.org/TR/wai-aria-1.1/",
        },
        accNameURLs: {
          ED: "https://w3c.github.io/accname/",
          WD: "https://www.w3.org/TR/accname-aam-1.2/",
          FPWD: "https://www.w3.org/TR/accname-aam-1.2/",
          CRD: "https://www.w3.org/TR/accname-aam-1.2/",
          REC: "https://www.w3.org/TR/accname-aam-1.2/",
        },
        coreMappingURLs: {
          ED: "https://w3c.github.io/core-aam/",
          WD: "https://www.w3.org/TR/core-aam-1.2/",
          FPWD: "https://www.w3.org/TR/core-aam-1.2/",
          CRD: "https://www.w3.org/TR/core-aam-1.2/",
          REC: "https://www.w3.org/TR/core-aam-1.2/",
        },
        practicesURLs: {
          ED: "https://w3c.github.io/aria-practices/",
          WD: "https://www.w3.org/TR/wai-aria-practices-1.2/",
          FPWD: "https://www.w3.org/TR/wai-aria-practices-1.2/",
          CRD: "https://www.w3.org/TR/wai-aria-practices-1.2/",
          REC: "https://www.w3.org/TR/wai-aria-practices-1.2/",
        },
        preProcess: [linkCrossReferences],
        postProcess: [ariaAttributeReferences],
        definitionMap: [],
        xref: ["core-aam", "accname", "wai-aria", "dom", "infra"],
      };
    </script>
  </head>
  <body>
    <section id="abstract">
      <p>
        Enabling users of assistive technologies to find their way through web content requires embedding semantic metadata about web document structural divisions. This is particularly important for
        structural divisions of long-form documents and goes along with embedding semantic metadata about web-application widgets and behaviors for assistive technologies. This specification defines a
        set of WAI-ARIA roles specific to helping users of assistive technologies navigate through such long-form documents.
      </p>

      <p>This document is part of the WAI-ARIA suite described in the <a href="https://www.w3.org/WAI/intro/aria.php">WAI-ARIA Overview</a>.</p>
    </section>
    <section id="sotd">
      <p>
        While feedback on any aspect of the specification is encouraged, we would particularly like feedback on the addition of the <rref>doc-pageheader</rref> and <rref>doc-pagefooter</rref> roles.
      </p>
      <p>There have been only <a href="#changelog-recent">minor clarifications</a> since the First Public Working Draft.</p>
    </section>
    <section id="toc"></section>
    <section class="informative" id="introduction">
      <h2>Introduction</h2>

      <p>
        <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> is a technical specification that defines a common host language semantic accessibility API and framework that enables web
        browsers to map the accessibility semantics in web content to platform-specific accessibility APIs. This enables web content to be interoperable with platform assistive technologies similar to
        native platform applications without platform dependencies.
      </p>

      <p>
        This specification is a modular extension of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> designed for the digital publishing industry. The goals of this specification
        include:
      </p>

      <ul>
        <li>Expanding [[WAI-ARIA]] to produce structural semantic extensions to accommodate the digital publishing industry.</li>
        <li>Align with a new governance model for modularization and extensions to <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr>.</li>
        <li>Provide structural semantics extensions that will support both assistive technologies and enable semantic navigation, styling and interactive features used by readers.</li>
      </ul>

      <p>The roles defined in this specification are derived from the <a href="https://idpf.github.io/epub-vocabs/structure/">EPUB Structural Semantics Vocabulary</a>.</p>

      <p>
        For a more detailed explanation of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> please refer to the
        <a href="https://www.w3.org/WAI/intro/aria">WAI-ARIA Introduction</a> and how it applies to Rich Internet Application Accessibility.
      </p>

      <section id="target-audience">
        <h3>Target Audience</h3>

        <p>
          This specification defines a module of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> for digital publishing, including [=roles=], [=states=], [=ARIA/properties=] and
          values. It impacts several audiences:
        </p>

        <ul>
          <li>
            [=User agents=] that process content containing <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> and Digital Publishing
            <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> features;
          </li>
          <li>[=assistive technology|Assistive technologies=] that provide specialized reading experiences to users with disabilities;</li>
          <li>Authors of digital publications;</li>
          <li>Authoring tools that help authors create conforming digital publications; and</li>
          <li>
            Conformance checkers, that verify appropriate use of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> and this Digital Publishing
            <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> module.
          </li>
        </ul>

        <p>Each conformance requirement indicates the audience to which it applies.</p>

        <p>
          Although this specification is applicable to the above audiences, it is not specifically targeted to, nor is it intended to be the sole source of information for, any of these audiences. In
          the future, additional documents will be created to assist authors in applying these <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> semantics for the publishing industry
          and to define how the information in this document is mapped to platform accessibility APIs.
        </p>
      </section>

      <section id="ua-support">
        <h3>User Agent Support</h3>

        <p>
          This module builds on the general <a href="https://www.w3.org/TR/wai-aria-1.1/#ua-support">User Agent support principles</a> defined in [[WAI-ARIA]] by also providing the ability for user
          agents to enhance the general user interface presented to readers.
        </p>
      </section>

      <section id="co-evolution">
        <h3>Co-Evolution of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> and Host Languages</h3>

        <p>
          The Digital Publishing <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> module follows the model for
          <a href="https://www.w3.org/TR/wai-aria-1.1/#co-evolution">co-evolution of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> and host languages</a> defined in [[WAI-ARIA]].
          It is intended to augment semantics in supporting languages like [[HTML]], [[SVG2]] and EPUB, or to be used as an accessibility enhancement technology in other markup-based languages that do
          not explicitly include support for ARIA. It clarifies semantics to assistive technologies when authors create new types of objects, via style and script, that are not yet directly supported
          by the language of the page, because the invention of new types of objects is faster than standardized support for them appears in web languages.
        </p>

        <p>
          It is not appropriate to create objects with style and script when the host language provides a semantic element for that type of objects. While
          <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> can improve the accessibility of these objects, accessibility is best provided by allowing the user agent to handle the
          object natively. For example, it is not better to use a <rref>heading</rref> role on a <code>div</code> element than it is to use a native heading element, such as an <code>h1</code>.
        </p>

        <p>
          It is expected that, over time, host languages will evolve to provide semantics for objects that currently can only be declared with this specification. This is natural and desirable, as one
          goal of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> is to help stimulate the emergence of more semantic and accessible markup. When native semantics for a given
          feature become available, it is appropriate for authors to use the native feature and stop using this module for that feature. Legacy content may continue to use the Digital Publishing
          <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> module, however, so the need for user agents to support it remains.
        </p>

        <p>
          While specific features of this module may lose importance over time, the general possibility of the Digital Publishing
          <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> module to add semantics to web pages or open web-based standards, such as EPUB, is expected to be a persistent need. Host
          languages may not implement all the semantics this module provides, and various host languages may implement different subsets of the features. New types of objects are continually being
          developed, and one goal of this specification is to provide a way to make such objects accessible, because authoring practices often advance faster than host language standards. In this way,
          this module and host languages both evolve together but at different rates.
        </p>

        <p>
          Some host languages exist to create semantics for features other than the user interface. For example, SVG expresses the semantics behind production of graphical objects, not of user
          interface components that those objects may represent. Host languages such as these might, by design, not provide native semantics that map to this specification's features. In these cases,
          the Digital Publishing <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> module could be adopted as a long-term approach to add semantic information to these host
          languages.
        </p>
      </section>

      <section id="authoring_practices">
        <h3>Authoring Practices</h3>

        <section id="authoring_tools">
          <h4>Authoring Tools</h4>

          <p>
            Many of the requirements in the definitions of the <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> and Digital Publishing
            <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> [=roles=], [=states=] and [=ARIA/properties=] can be checked automatically during the development process, similar to
            other quality control processes used for validating code. To assist authors who are creating digital publications, such as EPUB, can compare the semantic structure of Digital Publishing
            <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> roles from the <abbr title="Document Object Model">DOM</abbr> to that defined in this specification and notify the
            author of errors or simply create templates that enforce that structure.
          </p>
        </section>

        <section id="authoring_testing">
          <h4>Testing Practices and Tools</h4>

          <p>
            The accessibility of interactive content cannot be confirmed by static checks alone. Developers of interactive content should test for device-independent access to
            <a data-lt="widget">widgets</a> and applications, and should verify accessibility <abbr title="application programing interface">API</abbr> access to all content and changes during user
            interaction.
          </p>
        </section>
      </section>

      <section id="at_support">
        <h3>Assistive Technologies</h3>

        <p>
          Programmatic access to accessibility semantics is essential for assistive technologies. For more information, refer to the
          <a href="https://www.w3.org/TR/wai-aria-1.1/#at_support">Assistive Technologies</a> section in [[WAI-ARIA]].
        </p>
      </section>
    </section>
    <section class="normative" id="conformance">
      <p>Normative sections provide requirements that authors, user agents and assistive technologies MUST follow for an implementation to conform to this specification.</p>

      <p>
        Non-normative sections provide information useful to understanding the specification. Such sections may contain examples of recommended practice, but it is not required to follow such
        recommendations to conform to this specification.
      </p>
    </section>
    <section class="normative" id="roles">
      <h2>Digital Publishing Roles</h2>

      <p>
        This section defines additions to the <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> <a class="termref">roles</a> model and describes the characteristics and properties of
        all <a data-lt="role" class="termref">roles</a>. See <a href="#roles" class="specref">ARIA Roles</a> for descriptions of the fields provided by this module.
      </p>

      <section id="role_definitions">
        <h3>Definition of Roles</h3>

        <p>
          Below is an alphabetical list of <abbr title="Accessible Rich Internet Applications">WAI-ARIA</abbr> <a data-lt="role" class="termref">roles</a> to be used by rich internet application
          authors.
        </p>

        <p id="index_role">Placeholder for compact list of roles</p>

        <div class="role">
          <rdef>doc-abstract</rdef>

          <div class="role-description">
            <p>A short summary of the principal ideas, concepts, and conclusions of the work, or of a section or excerpt within it.</p>

            <pre class="example highlight">
&lt;section role="doc-abstract" aria-label="Abstract"&gt;
   &lt;p&gt;Accessibility of web content requires semantic information about widgets, structures,
      and behaviors &#8230;&lt;/p&gt;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-abstract</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#abstract">abstract</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-acknowledgments</rdef>

          <div class="role-description">
            <p>A section or statement that acknowledges significant contributions by persons, organizations, governments, and other entities to the realization of the work.</p>

            <pre class="example highlight">
&lt;section role="doc-acknowledgments"&gt;
   &lt;p&gt;I would like to extend my sincere gratitude to &#8230; &lt;/p&gt;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-acknowledgments</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#acknowledgments">acknowledgments</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-afterword</rdef>

          <div class="role-description">
            <p>
              A closing statement from the author or a person of importance, typically providing insight into how the content came to be written, its significance, or related events that have
              transpired since its timeline.
            </p>

            <pre class="example highlight">
&lt;section role="doc-afterword"&gt;
   &lt;h2&gt;Afterword: Why I Wrote This Book&lt;/h2&gt;
   &#8230;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-afterword</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#afterword">afterword</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-appendix</rdef>

          <div class="role-description">
            <p>A section of supplemental information located after the primary content that informs the content but is not central to it.</p>

            <pre class="example highlight">
&lt;section role="doc-appendix"&gt;
   &lt;h2&gt;Appendix A. Historical Timeline&lt;/h2&gt;
   &#8230;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-appendix</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"></td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"></td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"></td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#appendix">appendix</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"></td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"></td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"></td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"></td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"></td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"></td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-backlink</rdef>

          <div class="role-description">
            <p>A link that allows the user to return to a related location in the content (e.g., from a footnote to its reference or from a glossary definition to where a term is used).</p>

            <pre class="example highlight">
&lt;aside id="fn01" role="doc-footnote"&gt;
   &lt;a role="doc-backlink" href="#fnref01"&gt;1.&lt;/a&gt;
   Additional results of this study and
   similar studies can be found at &#8230;
&lt;/aside&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-backlink</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>link</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#backlink">referrer</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-biblioentry</rdef>

          <div class="role-description">
            <p>
              [Deprecated in DPUB-ARIA 1.1] A single reference to an external source in a bibliography. A biblioentry typically provides more detailed information than its reference(s) in the content
              (e.g., full title, author(s), publisher, publication date, etc.).
            </p>

            <p class="note">
              The <code>doc-biblioentry</code> <a>role</a> was designed for use as a list item, but due to clarifications in the WAI-ARIA specification, it is not valid as a child of the
              <rref>list</rref> role. As the <rref>doc-bibliography</rref> role already identifies a section of bibliography entries, authors are instead advised to use the <rref>list</rref> and
              <rref>listitem</rref> roles when native HTML elements cannot be used to structure the entries.
            </p>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-biblioentry</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#biblioentry">biblioentry</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"></td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-bibliography</rdef>

          <div class="role-description">
            <p>A list of external references cited in the work, which may be to print or digital sources.</p>

            <p>
              The element carrying the <code>doc-bibliography</code> <a class="termref">role</a> MUST contain at least one descendant list containing the bibliography entries (if the entries are
              subdivided, for example alphabetically, the element would contain more than one list).
            </p>

            <p>Authors MUST NOT apply the <code>doc-bibliography</code> role directly to the list containing the entries.</p>

            <pre class="example highlight">
&lt;section role="doc-bibliography"&gt;
   &lt;h2&gt;Select Bibliography&lt;/h2&gt;
   &lt;ul&gt;
      &#8230;
   &lt;/ul&gt;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-bibliography</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#bibliography">bibliography</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-biblioref</rdef>

          <div class="role-description">
            <p>A reference to a bibliography entry.</p>

            <pre class="example highlight">
&lt;p&gt;
   As &lt;a role="doc-biblioref"
      href="#b8cab5dd-bc24-459c-9858-7afa9da69b64"&gt;Steinbeck&lt;/a&gt;
   says in his great novel &#8230;
&lt;/p&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-biblioref</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>link</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#biblioref">biblioref</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-chapter</rdef>

          <div class="role-description">
            <p>A major thematic section of content in a work.</p>

            <pre class="example highlight">
&lt;section role="doc-chapter"&gt;
   &lt;h2&gt;Chapter 1. Loomings.&lt;/h2&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-chapter</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#chapter">chapter</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-colophon</rdef>

          <div class="role-description">
            <p>A short section of production notes particular to the edition (e.g., describing the typeface used), often located at the end of a work.</p>

            <pre class="example highlight">
&lt;section role="doc-colophon" aria-label="About the type"&gt;
   &lt;p&gt;This publication was set using &#8230; &lt;/p&gt;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-colophon</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#colophon">colophon</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-conclusion</rdef>

          <div class="role-description">
            <p>A concluding section or statement that summarizes the work or wraps up the narrative.</p>

            <pre class="example highlight">
&lt;section role="doc-conclusion"&gt;
   &lt;h2&gt;Summary&lt;/h2&gt;
   &lt;p&gt;A central task in feminist scholarship is to expose and dismantle the stereotypes &#8230; &lt;/p&gt;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-conclusion</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#conclusion">conclusion</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-cover</rdef>

          <div class="role-description">
            <p>An image that sets the mood or tone for the work and typically includes the title and author.</p>

            <pre class="example highlight">&lt;img role="doc-cover" src="coverimage.jpg" alt="A Room of One's Own by Virginia Woolf"/&gt;</pre>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-cover</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>img</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#cover">cover</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-credit</rdef>

          <div class="role-description">
            <p>An acknowledgment of the source of integrated content from third-party sources, such as photos. Typically identifies the creator, copyright, and any restrictions on reuse.</p>

            <pre class="example highlight">
&lt;p role="doc-credit"&gt;
   Page 62, Table 3.1 from &lt;cite&gt;“Economic Foundations of Cost-Effectiveness Analysis”&lt;/cite&gt;
   by A. M. Garber and C. E. Phelps &#8230;
&lt;/p&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-credit</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#credit">credit</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-credits</rdef>

          <div class="role-description">
            <p>A collection of credits.</p>

            <pre class="example highlight">
&lt;section role="doc-credits"&gt;
   &lt;h2&gt;Photo Credits&lt;/h2&gt;
   &#8230;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-credits</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#credits">credits</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-dedication</rdef>

          <div class="role-description">
            <p>An inscription at the front of the work, typically addressed in tribute to one or more persons close to the author.</p>

            <pre class="example highlight">&lt;p role="doc-dedication"&gt;To my family, without whom this would have never been possible.&lt;/p&gt;</pre>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-dedication</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#dedication">dedication</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-endnote</rdef>

          <div class="role-description">
            <p>[Deprecated in DPUB-ARIA 1.1] One of a collection of notes that occur at the end of a work, or a section within it, that provides additional context to a referenced passage of text.</p>

            <p class="note">
              The <code>doc-endnote</code> <a class="termref">role</a> was designed for use as a list item, but due to clarifications in the WAI-ARIA specification, it is not valid as a child of the
              <rref>list</rref> role. As the <rref>doc-endnotes</rref> role already identifies a section of endnotes, authors are instead advised to use the <rref>list</rref> and
              <rref>listitem</rref> roles when native HTML elements cannot be used to structure the entries.
            </p>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-endnote</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>listitem</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#rearnote">rearnote</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"></td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired"> </td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-endnotes</rdef>

          <div class="role-description">
            <p>A collection of notes at the end of a work or a section within it.</p>

            <p>
              The element carrying the <code>doc-endnotes</code> <a class="termref">role</a> MUST contain at least one descendant list containing the endnotes (if the notes are subdivided, for example
              by chapter, the element would contain more than one list).
            </p>

            <p>Authors MUST NOT declare elements with the role <rref>doc-footnote</rref> within the endnotes as it is redundant with the implied role.</p>

            <p>Authors MUST NOT apply the <code>doc-endnotes</code> role directly to the list containing the endnotes.</p>

            <pre class="example highlight">
&lt;section role="doc-endnotes"&gt;
   &lt;h2&gt;Notes&lt;/h2&gt;
   &lt;ol&gt;
      &lt;li id="6baa07af"&gt;
         &lt;p&gt;Additional results of this study can be found at &#8230; &lt;/p&gt;
      &lt;/li&gt;
      &lt;li id="7b2c0555"&gt;
         &lt;p&gt;&#8230;&lt;/p&gt;
      &lt;/li&gt;
      &#8230;
   &lt;/ol&gt;
&lt;/section&gt;</pre
            >

            <pre class="example highlight">
&lt;section role="doc-endnotes"&gt;
   &lt;h2&gt;Notes&lt;/h2&gt;
   &lt;section>
      &lt;h3>Canto I&lt;/h3>
      &lt;div role="list&gt;
         &lt;div role="listitem"&gt;
            &lt;p&gt;1. The use of alliteration here &#8230; &lt;/p&gt;
         &lt;/div&gt;
         &#8230;
      &lt;/div>
   &lt;/section&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-endnotes</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#rearnotes">rearnotes</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-epigraph</rdef>

          <div class="role-description">
            <p>A quotation set at the start of the work or a section that establishes the theme or sets the mood.</p>

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

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-epigraph</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#epigraph">epigraph</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-epilogue</rdef>

          <div class="role-description">
            <p>A concluding section of narrative that wraps up or comments on the actions and events of the work, typically from a future perspective.</p>

            <pre class="example highlight">
&lt;section role="doc-epilogue"&gt;
   &lt;header&gt;
      &lt;h2&gt;Epilogue&lt;/h2&gt;
      &lt;p&gt;SPOKEN BY PROSPERO&lt;/p&gt;
   &lt;/header&gt;
   &lt;p&gt;Now my charms are all o'erthrown, &#8230;&lt;/p&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-epilogue</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#epilogue">epilogue</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-errata</rdef>

          <div class="role-description">
            <p>A set of corrections discovered after initial publication of the work, sometimes referred to as corrigenda.</p>

            <pre class="example highlight">
&lt;section role="doc-errata"&gt;
   &lt;h2&gt;Corrections&lt;/h2&gt;
   &#8230;
&lt;/section></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-errata</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#errata">errata</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-example</rdef>

          <div class="role-description">
            <p>An illustration of a key concept of the work, such as a code listing, case study or problem.</p>

            <pre class="example highlight">
&lt;figure role="doc-example"&gt;
   &lt;figcaption&gt;Example 1 &#8212; Hello World!&lt;/figcaption&gt;
   &#8230;
&lt;/figure></pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-example</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>figure</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related"></td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-footnote</rdef>

          <div class="role-description">
            <p>Ancillary information, such as a citation or commentary, that provides additional context to a referenced passage of text.</p>

            <p>
              The <code>doc-footnote</code> <a class="termref">role</a> is only for representing individual notes that occur within the body of a work. For collections of notes that occur at the end
              of a section, see <rref>doc-endnotes</rref>.
            </p>

            <pre class="example highlight">
&lt;aside id="6baa07af" role="doc-footnote"&gt;
   * Additional results of this study and similar studies can be found at &#8230;
&lt;/aside&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-footnote</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#footnote">footnote</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired"> </td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-foreword</rdef>

          <div class="role-description">
            <p>An introductory section that precedes the work, typically not written by the author of the work.</p>

            <pre class="example highlight">
&lt;section role="doc-foreword"&gt;
   &lt;h2&gt;Foreword&lt;/h2&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-foreword</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#foreword">foreword</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-glossary</rdef>

          <div class="role-description">
            <p>A brief dictionary of new, uncommon, or specialized terms used in the content.</p>

            <p>The structure of a glossary SHOULD make it possible for end users to identify each term and associated definition (e.g., using the [[HTML]] <code>dfn</code> element).</p>

            <pre class="example highlight">
&lt;section role="doc-glossary" aria-label="glossary"&gt;
   &lt;dl&gt;
      &#8230;
      &lt;dt id="bcc0f155"&gt;&lt;dfn&gt;Credit default swap&lt;/dfn&gt;&lt;/dt&gt;
      &lt;dd&gt;
         A credit default swap effectively insures against
         default by a borrower.
      &lt;/dd&gt;
      &#8230;
   &lt;/dl&gt;
&lt;/section&gt;</pre
            >

            <pre class="example highlight">
&lt;section role="doc-glossary" aria-labelledby="glosshd"&gt;
   &lt;h2 id="glosshd">Glossay of Technical Terms&lt;/h2>
   &lt;ul&gt;
      &lt;li id="gtt00110001">&lt;dfn>algorithm&lt;/dfn> A set of rules &#8230;&lt;/li>
      &#8230;
   &lt;/ul&gt;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-glossary</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#glossary">glossary</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-glossref</rdef>

          <div class="role-description">
            <p>A reference to a glossary definition.</p>

            <pre class="example highlight">
&lt;p&gt;
   This is indicated in the cost of a
   &lt;a href="#bcc0f155" role="doc-glossref"&gt;credit default swap&lt;/a&gt; &#8230;
&lt;/p&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-glossref</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>link</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#glossref">glossref</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-index</rdef>

          <div class="role-description">
            <p>A navigational aid that provides a detailed list of links to key subjects, names and other important topics covered in the work.</p>

            <pre class="example highlight">
&lt;section role="doc-index"&gt;
   &lt;h2&gt;Index&lt;/h2&gt;
   &lt;section&gt;
      &lt;h2&gt;A&lt;/h2&gt;
      &lt;ul&gt;
         &lt;li&gt;A/B testing, &lt;a href="chapter03.xhtml#page230"&gt;230&lt;/a&gt;&lt;/li&gt;
         &#8230;
      &lt;/ul&gt;
   &lt;/section&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-index</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent">
                  <rref>navigation</rref>
                </td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#index">index</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-introduction</rdef>

          <div class="role-description">
            <p>A preliminary section that typically introduces the scope or nature of the work.</p>

            <pre class="example highlight">
&lt;section role="doc-introduction"&gt;
   &lt;p&gt;Everyone has some experience with marketing … &lt;/p&gt;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-introduction</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#introduction">introduction</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-noteref</rdef>

          <div class="role-description">
            <p>A reference to a footnote or endnote, typically appearing as a superscripted number or symbol in the main body of text.</p>

            <pre class="example highlight">&lt;p&gt; &#8230; as studies have shown.&lt;a href="#fn01" id="fnref01" role="doc-noteref"&gt;[1]&lt;/a&gt;&lt;/p&gt;</pre>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-noteref</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>link</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#noteref">noteref</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-notice</rdef>

          <div class="role-description">
            <p>Notifies the user of consequences that might arise from an action or event. Examples include warnings, cautions and dangers.</p>

            <pre class="example highlight">
&lt;section role="doc-notice"&gt;
   &lt;img src="warning.png" alt="warning icon"/&gt;
   &lt;p&gt;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.&lt;/p&gt;
&lt;/section&gt;</pre
            >

            <p>Authors SHOULD include a label when the notice needs to be navigable to.</p>

            <pre class="example highlight">
&lt;div role="doc-notice" aria-label="Explosion Risk"&gt;
   &lt;p&gt;&lt;em&gt;Danger!&lt;/em&gt; Mixing reactive materials may cause an explosion.&lt;/p&gt;
&lt;/div&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-notice</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>note</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#notice">notice</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-pagebreak</rdef>

          <div class="role-description">
            <p>A separator denoting the position before which a break occurs between two contiguous pages in a statically paginated version of the content.</p>

            <p>
              Page break locators are also commonly used to provide static markers in purely digital publications (i.e., where no statically paginated equivalent exists). These markers provide
              consistent navigation regardless of differences in font and screen size that can otherwise affect the dynamic pagination of the content.
            </p>

            <p>
              Authors MUST ensure the name of the page break is an end user-consumable page number that identifies the page that is beginning so that assistive technologies can announce the page as
              needed (e.g., in a command to identify the current page).
            </p>

            <p>
              The page break locator MUST precede the content of the page it identifies. If a page includes a header (<rref>doc-pageheader</rref>), the page break locator SHOULD be located before it,
              even if the header includes a visible page number. The page break locator may be used with the page number in a page header if the number precedes all other content in the header.
            </p>

            <p>
              When reproducing page break locators from a static page equivalent, it is sometimes the case that words are hyphenated across pages. When this happens, the page break locator SHOULD be
              placed either before or after the word to ensure it does not interfere with text-to-speech playback.
            </p>

            <aside class="example">
              <p>
                The following example shows three equivalent patterns for marking up page breaks in digital publications. Either the <code>aria-label</code> or <code>title</code> attributes can be
                used to assign the accessible name when an explicit page number is not provided.
              </p>

              <pre class="highlight">
&lt;hr id="pg04" role="doc-pagebreak" aria-label="4"/&gt;

&lt;span id="pg04" role="doc-pagebreak" title="4"/&gt;

&lt;div id="pg04" role="doc-pagebreak"&gt;4&lt;/div></pre
              >
            </aside>
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-pagebreak</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>separator</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#pagebreak">pagebreak</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">True</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational">True</td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-pagelist</rdef>

          <div class="role-description">
            <p>A navigational aid that provides a list of links to the page breaks in the content.</p>

            <pre class="example highlight">
&lt;nav role="doc-pagelist"&gt;
   &lt;h2&gt;Pages&lt;/h2&gt;
   &lt;ol&gt;
      &lt;li&gt;&lt;a href="chapter.xhtml#Page_1"&gt;1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="chapter.xhtml#Page_2"&gt;2&lt;/a&gt;&lt;/li&gt;
      &#8230;
   &lt;/ol&gt;
&lt;/nav&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-pagelist</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>navigation</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#page-list">page-list</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-pagefooter</rdef>

          <div class="role-description">
            <p>
              A section of text appearing at the bottom of a page that provides context about the current work and location within it. The page footer is distinct from the body text and normally
              follows a repeating template that contains (possibly truncated) items such as the document title, current section, author name(s), and page number.
            </p>

            <p>The <code>doc-pagefooter</code> role MUST be used on every instance of the page footer.</p>

            <p>The <code>doc-pagefooter</code> MUST NOT contain the <rref>doc-pagebreak</rref>.</p>

            <p>The <code>doc-pagefooter</code> MUST NOT contain footnotes (<rref>doc-footnote</rref>).</p>

            <p>Assistive technologies MAY allow the user to read the document content continuously without interruption from the page footer.</p>

            <pre class="example highlight">
&lt;section role="doc-pagefooter"&gt;
   &lt;div&gt;Leo Tolstoy&lt;/div&gt;
   &lt;div&gt;321&lt;/div&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-pagefooter</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related"></td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">prohibited</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-pageheader</rdef>

          <div class="role-description">
            <p>
              A section of text appearing at the top of a page that provides context about the current work and location within it. The page header is distinct from the body text and normally follows
              a repeating template that contains (possibly truncated) items such as the document title, current section, author name(s), and page number.
            </p>

            <p>The <code>doc-pageheader</code> role MUST be used on every instance of the page header.</p>

            <p>Assistive technologies MAY allow the user to read the document content continuously without interruption from the page header.</p>

            <pre class="example highlight">
&lt;section role="doc-pageheader"&gt;
   &lt;div&gt;War and Peace&lt;/div&gt;
   &lt;div&gt;321&lt;/div&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-pageheader</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related"></td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">prohibited</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-part</rdef>

          <div class="role-description">
            <p>A major structural division in a work that contains a set of related sections dealing with a particular subject, narrative arc, or similar encapsulated theme.</p>

            <pre class="example highlight">
&lt;section role="doc-part"&gt;
   &lt;h2&gt;Part One&lt;/h2&gt;
   &lt;section role="doc-chapter"&gt;
      &lt;h2&gt;Chapter 1&lt;/h2&gt;
      &#8230;
   &lt;/section&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-part</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"></td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#part">part</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-preface</rdef>

          <div class="role-description">
            <p>An introductory section that precedes the work, typically written by the author of the work.</p>

            <pre class="example highlight">
&lt;section role="doc-preface"&gt;
   &lt;h2&gt;Introduction:A Guide to the Galaxy&lt;/h2&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-preface</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#preface">preface</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-prologue</rdef>

          <div class="role-description">
            <p>An introductory section that sets the background to a work, typically part of the narrative.</p>

            <pre class="example highlight">
&lt;section role="doc-prologue"&gt;
   &lt;header&gt;
      &lt;h2&gt;Prologue&lt;/h2&gt;
      &lt;p&gt;Chorus&lt;/p&gt;
   &lt;/header&gt;
   &lt;p&gt;Two households, both alike in dignity, &#8230;&lt;/p&gt;
   &#8230;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-prologue</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>landmark</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#prologue">prologue</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-pullquote</rdef>

          <div class="role-description">
            <p>A distinctively placed or highlighted quotation from the current content designed to draw attention to a topic or highlight a key point.</p>

            <p>
              Unlike a passage quoted from another source, a pullquote is a direct repetition of text in the current document. As a result, authors must ensure that the presentational occurrence is
              hidden from users of assistive technologies (e.g., using the <pref>aria-hidden</pref> attribute).
            </p>

            <p>
              The following example shows the identification of a pullquote that will be presented elsewhere (e.g., via a script). In this case, the pullquote is not hidden as the marked text is not
              presentational.
            </p>

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

            <p>The next example shows a pullquote that duplicates the text. This quote is hidden because it is for presentational purposes only.</p>

            <pre class="example highlight">
&lt;p>&#8230; Better habits pave the way to growth, and growth leads to greater happiness.&lt;/p>
&lt;aside role="doc-pullquote" aria-hidden="true"&gt;
   Better habits pave the way to growth, and growth leads to greater happiness.
&lt;/aside&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-pullquote</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#pullquote">pullquote</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"></td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-qna</rdef>

          <div class="role-description">
            <p>A section of content structured as a series of questions and answers, such as an interview or list of frequently asked questions.</p>

            <pre class="example highlight">
&lt;section role="doc-qna"&gt;
   &lt;h2&gt;Interview with the Author&lt;/h2&gt;
   &lt;dl&gt;
      &lt;dt&gt;Q: When did you begin writing this book?&lt;/dt&gt;
      &lt;dd&gt;A: I first got the idea &#8230;&lt;/dd&gt;
      &#8230;
   &lt;/dl&gt;
&lt;/section&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-qna</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>section</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#qna">qna</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-subtitle</rdef>

          <div class="role-description">
            <p>An explanatory or alternate title for the work, or a section or component within it.</p>

            <pre class="example highlight">
&lt;header&gt;
   &lt;h2&gt;Chapter 2 The Battle&lt;/h2&gt;
   &lt;p role="doc-subtitle"&gt;Once more unto the breach&lt;/p&gt;
&lt;/header&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-subtitle</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>sectionhead</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#subtitle">subtitle</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">
                  <ul>
                    <li>contents</li>
                    <li>author</li>
                  </ul>
                </td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-tip</rdef>

          <div class="role-description">
            <p>Helpful information that clarifies some aspect of the content or assists in its comprehension.</p>

            <pre class="example highlight">
&lt;aside role="doc-tip"&gt;
   &lt;h3&gt;Tip&lt;/h3&gt;
   &lt;p&gt;You can assign a variable a new value that is the result
      of an expression involving its previous value.&lt;/p&gt;
&lt;/aside&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-tip</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>note</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#help">help</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="role">
          <rdef>doc-toc</rdef>

          <div class="role-description">
            <p>
              A navigational aid that provides an ordered list of links to the major sectional headings in the content. A table of contents may cover an entire work, or only a smaller section of it.
            </p>

            <pre class="example highlight">
&lt;nav role="doc-toc"&gt;
   &lt;h2&gt;Contents&lt;/h2&gt;
   &lt;ol role="directory"&gt;
      &lt;li&gt;&lt;a href="preface_001.xhtml"&gt;Original Transcriber’s Notes:&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="introduction_001.xhtml"&gt;ETYMOLOGY.&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="epigraph_001.xhtml"&gt;EXTRACTS (Supplied by a Sub-Sub-Librarian).&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="chapter_001.xhtml"&gt;Chapter 1. Loomings.&lt;/a&gt;&lt;/li&gt;
      &#8230;
   &lt;/ol&gt;
&lt;/nav&gt;</pre
            >
          </div>

          <table class="role-features">
            <caption>
              Characteristics of
              <code>doc-toc</code
              >:
            </caption>
            <thead>
              <tr>
                <th scope="col">Characteristic</th>
                <th scope="col">Value</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th class="role-abstract-head" scope="row">Is Abstract:</th>
                <td class="role-abstract"> </td>
              </tr>
              <tr>
                <th class="role-parent-head" scope="row">Superclass Role:</th>
                <td class="role-parent"><rref>navigation</rref></td>
              </tr>
              <tr>
                <th class="role-children-head" scope="row">Subclass Roles:</th>
                <td class="role-children"> </td>
              </tr>
              <tr>
                <th class="role-base-head" scope="row">Base Concept:</th>
                <td class="role-base"> </td>
              </tr>
              <tr>
                <th class="role-related-head" scope="row">Related Concepts:</th>
                <td class="role-related">EPUB <a href="https://idpf.github.io/epub-vocabs/structure/#toc">toc</a> [[EPUB-SSV]]</td>
              </tr>
              <tr>
                <th class="role-scope-head" scope="row">Required Context Role:</th>
                <td class="role-scope"> </td>
              </tr>
              <tr>
                <th class="role-mustcontain-head" scope="row">Required Owned Elements:</th>
                <td class="role-mustcontain"></td>
              </tr>
              <tr>
                <th class="role-required-properties-head">Required States and Properties:</th>
                <td class="role-required-properties"> </td>
              </tr>
              <tr>
                <th class="role-properties-head" scope="row">Supported States and Properties:</th>
                <td class="role-properties"> </td>
              </tr>
              <tr>
                <th class="role-inherited-head" scope="row">Inherited States and Properties:</th>
                <td class="role-inherited"> </td>
              </tr>
              <tr>
                <th class="role-namefrom-head" scope="row">Name From:</th>
                <td class="role-namefrom">author</td>
              </tr>
              <tr>
                <th class="role-namerequired-head" scope="row">Accessible Name Required:</th>
                <td class="role-namerequired">False</td>
              </tr>
              <tr>
                <th class="role-namerequired-inherited-head" scope="row">Inherits Name Required:</th>
                <td class="role-namerequired-inherited"></td>
              </tr>
              <tr>
                <th class="role-childpresentational-head" scope="row">Children Presentational:</th>
                <td class="role-childpresentational"></td>
              </tr>
              <tr>
                <th class="role-presentational-inherited-head" scope="row">Inherits Presentational:</th>
                <td class="role-presentational-inherited"> </td>
              </tr>
              <tr>
                <th class="implicit-values-head">Implicit Value for Role:</th>
                <td class="implicit-values"> </td>
              </tr>
            </tbody>
          </table>
        </div>
      </section>
    </section>
    <section class="informative">
      <h2>Security Considerations</h2>

      <p>This specification introduces no new security considerations.</p>
    </section>
    <section class="informative">
      <h2>Privacy Considerations</h2>

      <p>
        In accordance with <a href="https://w3ctag.github.io/design-principles/#do-not-expose-use-of-assistive-tech">Web Platform Design Principles</a>, this specification provides no programatic
        interface to determine if information is being used by assistive technologies. However, this specificaton does allow an author to present different information to users of assistive
        technologies from the information available to users who do not use assistive technologies. This is possible using many features of the DPUB-ARIA specification, just as this is possible using
        many other parts of the web technology stack. This content disparity could be abused to perform <a data-cite="fingerprinting-guidance#active-0">active fingerprinting</a> of users of assistive
        technologies.
      </p>
    </section>
    <section class="appendix informative" id="changelog">
      <h2>Change Log</h2>

      <section id="changelog-recent">
        <h3>Substantive changes since the <a href="https://www.w3.org/TR/2023/WD-dpub-aria-1.1-20231030/">last Working Draft</a></h3>

        <ul>
          <!-- EdNote: After each WD publish, move contents of this list into the next one below. -->
          <li>
            01-Dec-2023: Removed the requirements to imply list items descendants of <code>doc-bibliography</code> and <code>doc-endnotes</code> are <code>doc-biblioentry</code> and
            <code>doc-endnote</code>
          </li>
        </ul>
      </section>

      <section id="changelog-older">
        <h3>Substantive changes since the <a href="https://www.w3.org/TR/dpub-aria-1.0/">DPUB-ARIA 1.0 Recommendation</a></h3>

        <ul>
          <li>
            20-Sep-2021: Clarified ambiguities in the formatting and processing of endnote and bibliography lists and require that the <rref>doc-footnote</rref> role not be used within endnotes. See
            <a href="https://github.com/w3c/dpub-aria/issues/38">issue 38</a>.
          </li>
          <li>
            24-Feb-2021: Changed required accessible name for <rref>doc-part</rref> to false to match the other landmark roles. See <a href="https://github.com/w3c/dpub-aria/issues/34">issue 34</a>.
          </li>
          <li>02-Oct-2020: Added new <rref>doc-pageheader</rref> and <rref>doc-pagefooter</rref> roles. See <a href="https://github.com/w3c/dpub-aria/issues/28">issue 28</a>.</li>
          <li>
            31-July-2020: Clarified that the name of <rref>doc-pagebreak</rref> is the page number of the page that is beginning. See <a href="https://github.com/w3c/dpub-aria/issues/27">issue 27</a>.
          </li>
          <li>
            31-July-2020: Removed <rref>term</rref> and <rref>definition</rref> as required children of <rref>doc-glossary</rref> to accommodate various ways glossaries can be constructed. See
            <a href="https://github.com/w3c/dpub-aria/issues/9">issue 9</a>.
          </li>
          <li>25-July-2020: Recommend that <rref>doc-pagebreak</rref> name be end user-consumable. See <a href="https://github.com/w3c/dpub-aria/issues/17">issue 17</a>.</li>
          <li>
            24-July-2020: Changed the superclass of <rref>doc-example</rref> to <rref>figure</rref> to make compatible with use on HTML figure. See
            <a href="https://github.com/w3c/dpub-aria/issues/19">issue 19</a>.
          </li>
          <li>
            23-July-2020: Deprecated the <rref>doc-biblioentry</rref> and <rref>doc-endnote</rref> roles due to the inability of them to be recognized as children of <rref>list</rref>. See
            <a href="https://github.com/w3c/dpub-aria/issues/15">issue 15</a>.
          </li>
          <li>23-July-2020: Updated <rref>doc-pagebreak</rref> to allow name from contents. See <a href="https://github.com/w3c/dpub-aria/issues/12">issue 12</a>.</li>
          <li>
            15-Mar-2018: Fixed superclass of <rref>doc-pullquote</rref> to <rref>section</rref> to match the mapping in the [[dpub-aam-1.0]]. See
            <a href="https://github.com/w3c/dpub-aria/issues/7">issue 7</a>.
          </li>
          <li>15-Mar-2018: Updated <rref>doc-subtitle</rref> to allow name from contents. See <a href="https://github.com/w3c/dpub-aria/issues/6">issue 6</a>.</li>
        </ul>
      </section>
    </section>
    <section class="appendix informative section" id="acknowledgements">
      <h2>Acknowledgments</h2>

      <p>The following people contributed to the development of this document:</p>

      <ul>
        <li>James Craig (Apple Inc.)</li>
        <li>Romain Deltour (DAISY Consortium)</li>
        <li>Joanmarie Diggs (Igalia)</li>
        <li>Matt Garrish (DAISY Consortium)</li>
        <li>George Kerscher (DAISY Consortium)</li>
        <li>Peter Krautzberger (W3C Invited Experts)</li>
        <li>Charles Lapierre (Benetech)</li>
        <li>Aaron Leventhal (Google)</li>
        <li>Daniel Montalvo (W3C Staff)</li>
        <li>James Nurthen (Adobe)</li>
        <li>Scott O'Hara (Microsoft Corporation)</li>
        <li>Gregorio Pellegrino (Fondazione LIA)</li>
        <li>Tzviya Siegman (Wiley)</li>
        <li>Avneesh Singh (DAISY Consortium)</li>
        <li>Valerie Young (Igalia)</li>
      </ul>

      <div data-include="../common/acknowledgements/funders.html" data-include-replace="true"></div>
    </section>
  </body>
</html>