A page list and page break indicators allow users in mixed print-digital environments to coordinate their positions.
Frequently Asked Questions
- What if the order of my ebook doesn't exactly match the order of the print equivalent?
It is sometimes the case when converting to digital that front and back matter material gets shuffled around and/or omitted. These changes in content order are not unexpected, and users will understand that their ebooks may not be formatted exactly the same way as the print, and may not include all the print content.
If some content is ordered differently in the digital version, or not included, best practice is to make note of this in the accessibility summary for the publication.
- Does the page number reflect the page that is ending or the page that is starting?
The page number always reflects the page that is starting.
- Should the page break marker placement follow the print position?
No, page break markers are always placed at the start of the page's content, regardless of whether the page number is printed at the top or bottom of the page in the print edition. When a user jumps to a specific page, they want to jump to the start of the content for that page, not the end.
- Should I include the page numbers as content or empty elements?
There are pros and cons to each approach.
If you include the page numbers as text content within a
div, the pages will be more easily accessible to both sighted users and users using assistive technologies. This method has been employed in previous DAISY standards. The potential downside, however, is that mainstream user agents will not provide equivalent functionality to turn off unwanted content, forcing users to hear and view the page numbers.
Page numbers as empty elements are the more traditional mainstream approach, with anchor tags having served this function in the past. Using the
aria-labelattribute on an empty element, however, limits the users who will have access to the page number while reading.
- Should I use the
titleattribute for the page number?
The use of
aria-labelis recommended when the page number is not included as text content, but both attributes can be used.
aria-labelhas higher precedence than
titlein the accessible name computation algorithm.
- Where do I put a page number when the page break occurs in the middle of a list?
Lists often break across pages, with one item ending at the bottom of one and a new item starting at the top of the next. In these cases, it is not possible to locate the page number between the two list items, as it is not valid for a list to contain anything but list items.
The obvious solutions are to either insert the page number as the very last element in the item that ends the page:
<li>…. <span role="doc-pagebreak" aria-label="24"/></li> <li>…</li>
or to place it as the very first element in the list item that starts the page
<li>…</li> <li><span role="doc-pagebreak" aria-label="24"/> … </li>
One practice to avoid is creating a new list item just for the page break. As page breaks are often not visible content, an empty list item will be confusing to all users and may alter the meaning of the list.
- Where do I put the page break if a word is hyphenated across a page?
Place the page marker after the word. Do not retain the print hyphenation and insert the number in the middle of the word.
- Can I use
atags for page numbers?
aelement has two specific uses defined in HTML5: for links when the
hrefattribute is present, and for placeholder links when it is not (e.g., a link that might be active in another context or after some interaction by the user). As page breaks are not links, and are never intended to be activated as links, it is not recommended to use them for page break markers.
If a reflowable publication is derived from a statically-paginated source, such as a print edition, including a page list allows users to coordinate positions. For example, a student using a digital edition in a class where her peers are using print books would be able to jump to the same pages during instruction.
The page list itself is a list of links to all the page breaks locations. User agents can use this list to provide automatic page jump functionality, or a user can access it directly to manually select the page they wish to go to.
If a digital publication is produced from the same workflow as a print document, page break locations should also be
retained (although a page list can be created without explicit page break markers so long as there is some anchor for
the link to go to). Page break locations can be added to the markup using
div tags with a
role attribute set to the value
doc-pagebreak. To hide the page number from
visual viewing, the
aria-label attribute can be used to identify the number.
id attribute has to be attached to each page break location to enable
linking to the breaks.
Identifying the source of the pagination in the publication metadata is also important to help users determine the
usability of the pagination (e.g., will it match the print edition being used in a class). This source is typically
identified using a
Some publishers include a page list and/or page break markers in digital publications without paginated equivalents. In these cases, the identifier of the current publication could be identified as the source to avoid confusion and/or the lack of a source could be noted in an accessibility summary.
In EPUB 2, a page list is expressed using the
in the NCX file. It is not possible to include a semantic that identifies page break locations in the content,
as XHTML 1.1 does not support either the ARIA
In EPUB 3, the page list is included in the navigation document and identified with the