Nova features for Web accessibility HTML

Alternate Text

This element is a physical grouping to contain multiple logically equivalent versions of the same information object. Typically these are processing alternatives, and the reader is expected to see all of the objects with different tabs.

Tooltip

A tooltip is often used to specify extra information about something when the user moves the mouse pointer over an element:

<a class=”ref_ft_glos-popup” href=”#fn-0002″>

Screenshot from 2022-04-27 17-30-30

Accessibility Page Zoom

To enlarge and show the float items (figures, table, box) etc. The zoom  options used.  The below tag needs to be included for all the float elements.

<div class=”fullscreenIcon” onclick=”javascript:showTableContent(‘t0001’);”>

<img src=”/images/journalImg/maximize-2.png”>

</div>

TOC Section

The table of contents (TOC) is the roadmap to each portion of your content. The table of contents will allow readers to locate specific information or revisit their favourite parts within the text. Depending on the nature of your writing, there are a few different formatting options for you to explore. Let’s examine the nova  table of contents html examples.

<div content-type="contents" level="level-1">
        <div content-type="chapter" class="toc-entry" level="level-3"> <a href="book-part-001" target="_blank"> 
      1.0 INTRODUCTION
    </a> 
     </div> 
     <div content-type="chapter" class="toc-entry"  level="level-3"> <a href="book-part-002" target="_blank"> 
    2.0 ANCHOR FASTENING TECHNOLOGY
       </a> 
     </div> 
     <div content-type="chapter" class="toc-entry" level="level-3"> <a href="book-part-003" target="_blank"> 
       3.0 ANCHORING SYSTEMS
      </a> 
     </div> 
     <div content-type="chapter" class="toc-entry" level="level-3"> <a href="book-part-004" target="_blank"> 
     4.0 REFERENCE
       </a> 
     </div>  

Body Section

The <section> HTML element represents a generic standalone section of a document, which doesn’t have a more specific semantic element to represent it. Sections should always have a heading, with very few exceptions and the section id needs to be linked with the TOC element.

<div class=”section” id =”book-part-001″>

      ……………

</div>

Back Section

Google scholar

To display the external reference title needs to be tagged like below to enable the  Google Scholar 

<div class="ref-label" style="padding-left:15px;padding-top:0px;float:right;">
<b><a href="https://scholar.google.com/scholar_lookup?title=Taking opioids in times of crisis: institutional oversight, chronic pain and suffering in an integrated healthcare delivery system in the U.S">Google Scholar</a></b>
</div> 

Article

<div class="ref-label" style="padding-left:15px;padding-top:0px;float:right;">
<b>
<a href="http://doi.org/10.1097/j.pain.0000000000001384">Article</a>
</b>
</div>