View Single Post
Old 06-12-2025, 02:46 PM   #31
KevinH
Sigil Developer
KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.KevinH ought to be getting tired of karma fortunes by now.
 
Posts: 8,893
Karma: 6120478
Join Date: Nov 2009
Device: many
Okay, I have searched for code examples that are recommended for Accessibility.

Please look at this list, and make any corrections or changes you want. Please suggest some additional examples that help make things clearer.

Code:
Empty Section
-------------
<section>
    \1
</section>


Chapter Section
---------------
<section role="doc-chapter" epub:type="chapter" aria-labelledby="heading1">
    <h1 id="heading1">CHAPTER_TITLE_HERE</h1>
    \1
</section


Footnotes Section
-------------------------
<section role="doc-footnotes" epub:type="footnotes" aria-labelledby="#fns tart">
    <h1 id="fnstart">Footnotes</h1>
    \1
</section


Tip
---
<aside role="doc-tip" epub:type="tip" aria-label="Helpful Hint">
    \1
<aside>


Cover Section
-------------
<section epub:type="cover" aria-label="Cover">
    <img src="HREF_TO_COVER_IMAGE_HERE" 
         alt="DESCRIPTION_OF_COVER_HERE" 
         epub:type="cover-image" role="doc-cover" />
</section


PageBreaks
------------
<hr epub:type="pagebreak" role = "doc-pagebreak" />

<span id="page5" epub:type="pagebreak" role = "doc-pagebreak" aria-label="Page 5" />


Footnote
----------
<p>SOME_TEXT_HERE<a href="#fn1" id="fnref1" epub:type="noteref" role="doc-noteref">[1]</a></p>

<aside id="fn1" epub:type="footnote" role="doc-footnote">
    <p>1. TEXT_OF_FOOTNOTE_HERE <a href="#fnref1" epub:type="backlink" role="doc-backlink">[return]</a></p>
</aside>


Endnote within Endnotes Section 
------------------------------------

<p>SOME_TEXT_HERE<a href="HREF_TO_ENDNOTES#en3" id="enref3" epub:type="noteref" role="doc-noteref">[3]</a></p>
 
<section epub:type="endnotes" rol="doc-endnotes">
  <ol>
    <li>ENDNOTE_1_HERE</li>
    <li>ENDNOTE_2_HERE</l1>
    <li id="en3" epub:type="endnote"><p>3. ENDNOTE_3_TEXT_HERE <a href="HREF_FOR_RETURN#enref3" epub:type="backlink" role="doc-backlink">return</a></p></li>
...
  </ol>
</section>


Sidebar
-------
<aside aria-label="About the Author">
    <p>SIDEBAR_TEXT_HERE</p>
</aside>

All feedback welcome!
KevinH is offline   Reply With Quote