Accessible Publishing Knowledge Base

Lists of Illustrations

Summary

...

Techniques

To facilitate navigation of the content, publications should include a guide to all the illustrations they contain. Without these quick links, there is often no easy way for users to locate the illustrations again. They instead have to navigate through the content of the book until they reach the location.

The EPUB navigation document can be used to provide this functionality. A list of illustrations can be defined in the same manner as the table of contents, but using a nav element with an epub:type attribute with the value loi (see Example 1). The loi nav should contain only a single ordered list of entries, with each entry linking to a figure or illustrations.

Note that although this type of navigation aid is not formally defined in the EPUB specification, navigation documents were made extensible for this purpose. When creating an loi nav, you should also embed the navigation document as content within the publication as Reading systems may not provide specialized access to it.

Example

Example 1 — List of Illustrations
<nav epub:type="loi">
   <h2>List of Illustrations</h2>
   <ol>
	  <li>
		 <a href="ch01.html#fig01">Figure 1.1</a>
	  </li>
	  <li>
		 <a href="ch01.html#fig02">Figure 1.2</a>
	  </li>
	  …
   </ol>
</nav>
Example 2 — Referencing from the landmarks nav

The landmarks nav can reference elements in the same file as itself using an href attribute that references the list's id:

<nav epub:type="loi" id="illustrations">
   …
</nav>

<nav epub:type="landmarks">
   …
   <li>
	  <a href="#illustrations" epub:type="loi">List of 
	  Illustrations</a>
   </li>
   …
</nav>

References

Frequently Asked Questions

Do I have to use the EPUB navigation document to define my list of illustrations?

No, using the navigation document simplifies the creation process (i.e., requires creating only one instance for two uses), but is not required for accessibility or other purposes.