EPUB 3 Accessibility Guidelines


Images that are central to the understanding of a publication must always include a text alternative in their alt attribute. In the case of complex images, a detailed description should also be added.

If the image is purely decorative, the alt attribute should be left empty. For improved, accessibility, an ARIA role attribute with the property presentation should also be attached.


If an image is important to the publication, but not required to be read at the point of insertion (i.e., it is not part of the logical reading order), use a figure tag to enclose it.


The details element has been removed from HTML5, but remains under development for HTML 5.1. It will allow a collapsible description when finalized, but is not recommended for describing content at this time.


Example 1 — Significant simple image (no description required)
     alt="First Edition" />
Example 2 — Significant complex image (description required)
        alt="The hydrologic cycle, showing the 
          circular nature of the process as water 
          evaporates from a body of water and 
          eventually returns to it"/>
      The hydrologic cycle
      <a href="#water-cycle-desc">
         <img src="images/desc.gif"
             alt="Click for description"/>
<aside id="water-cycle-desc">
      Figure 1 - The diagram shows the processes
      of evaporation, condensation, 
      evapotranspiration, water storage 
      in ice and snow, and precipitation. 
      A large body of water …
   <p><a role="doc-backlink" href="#fig01">
      <img src="#fig01" alt="Return to figure"/>
Example 3 — Decorative image

Compliance References and Standards

Additional Resources