Técnica HTML WCAG 2.2

H99Ofrecer una lista de páginas en las publicaciones digitales

Nombre oficial en el W3C: Proporcionar una lista de páginas

En pocas palabras

Muchos libros digitales tienen también una edición impresa o en PDF. Esta técnica pide marcar dónde empieza cada página de esa edición y ofrecer una lista o un buscador para ir a cualquier página. Así todos pueden encontrar «la página 45» que cita el profesor, en papel o en pantalla.

Por qué es importante

En un aula o en una biblioteca conviven libros en papel y en formato digital. Cuando alguien dice «abran por la página 45», quien usa el libro digital con un lector de pantalla (programa que lee la pantalla en voz alta) necesita llegar a ese mismo punto.

En un libro digital el texto se adapta a la pantalla, así que sus «páginas» no coinciden con las impresas. Sin una lista de páginas, la persona no puede seguir la clase ni citar la obra con la página correcta.

Cómo se hace

Marque en el contenido el punto donde empieza cada página de la edición de referencia. En HTML se suele usar role="doc-pagebreak" con el número de página.
Cree una lista de enlaces a esas marcas dentro de un <nav role="doc-pagelist">, con un título.
En EPUB 3, ponga esa lista en el documento de navegación con epub:type="page-list". En EPUB 2 y DAISY se usa pageList en el archivo NCX.
Otra opción es un campo «Ir a la página» donde se escribe el número.
Incluya todas las páginas de la edición de referencia que estén en la versión digital. No pasa nada si alguna falta porque su contenido se quitó.

Cómo comprobarlo

Compruebe que la publicación tiene una lista de páginas o una opción para ir a una página concreta.
Compare con la edición impresa o el PDF. Deben estar todas las páginas que existen en la versión digital.
Pruebe varios enlaces de la lista. Cada uno debe llevar al punto exacto donde empieza esa página.

Ejemplo

Lista de páginas de un manual escolar y una de las marcas de salto de página a las que apunta.

<nav role="doc-pagelist" aria-labelledby="titulo-paginas">
  <h2 id="titulo-paginas">Páginas</h2>
  <ol>
    <li><a href="tema3.html#pag44">44</a></li>
    <li><a href="tema3.html#pag45">45</a></li>
  </ol>
</nav>

<!-- En tema3.html -->
<span id="pag45" role="doc-pagebreak" aria-label="45"></span>

Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica H99 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

applicability

html

advisory

Publicaciones digitales derivadas de una fuente con maquetación fija o que incluyen ubicaciones estáticas de salto de página para disponer de puntos de referencia comunes.

Notas sobre la compatibilidad con agentes de usuario y tecnologías de asistencia

Los agentes de usuario pueden ofrecer una interfaz especializada para la lista de páginas en lugar de mostrarla directamente, sobre todo en los formatos de libro electrónico. Por ejemplo, se puede presentar a los usuarios un cuadro de entrada en el que escribir el número de la página a la que desean ir.

Descripción

El objetivo de esta técnica es garantizar que se proporciona un mecanismo de selección de página que pone a disposición, de forma determinable por software, todas las ubicaciones de página establecidas en la publicación digital.

El mecanismo de selección de página ofrece una forma de localizar las ubicaciones estáticas de salto de página (es decir, dónde empieza cada nueva página) dentro de una publicación digital. Estas ubicaciones suelen proceder de un equivalente impreso de la edición y permiten la sincronización, por ejemplo, cuando se combinan publicaciones impresas y digitales en entornos como colegios y universidades.

La fuente de la paginación no se limita a la impresión, sino que puede corresponderse con cualquier alternativa paginada de forma estática, como un PDF o incluso un EPUB de maquetación fija (es decir, en el que el contenido no se reajusta para adaptarse al tamaño de pantalla disponible).

El orden de las ubicaciones de salto de página en una publicación digital no es secuencial en todos los casos, y puede que no estén representados todos los saltos de página. Las editoriales suelen reorganizar y eliminar contenido del original paginado al crear la versión digital.

Las listas de páginas son una característica central de muchos formatos de publicación digital. EPUB 3 define la lista de páginas en su documento de navegación, mientras que EPUB 2 y DAISY 3 usan el elemento pageList del NCX. El módulo DPUB-ARIA también incluye la función doc-pagelist para identificar el elemento de navegación que contiene la lista de páginas.

Otras publicaciones ofrecen un medio de navegación por páginas mediante un mecanismo de «ir a».

Ejemplos

Lista de páginas en publicaciones HTML

Para añadir una lista de páginas a un documento web, se añade role="doc-pagelist" al elemento (normalmente un elemento nav) que contiene la lista y su título.

<nav role="doc-pagelist" aria-labelledby="pglist">
 <h2 id="pglist">Page List</h2>
 <ol>
   <li><a href="intro.xhtml#pg1">1</a></li>
   <li><a href="intro.xhtml#pg2">2</a></li>
   …
 </ol>
</nav>

Los destinos de los enlaces de la lista de páginas suelen ser marcadores explícitos de salto de página como los siguientes:

<span id="pg1" role="doc-pagebreak" aria-label="page 1">

Lista de páginas en publicaciones EPUB 3

EPUB 3 usa el atributo epub:type para identificar la lista de páginas en el documento de navegación. El atributo se usa en un elemento nav con el valor «page-list» (obsérvese que el guion se coloca de forma distinta). El atributo role de ARIA no tiene efecto a menos que los usuarios puedan acceder directamente al documento de navegación (es decir, que el documento esté en el spine del EPUB). Como en el ejemplo anterior en HTML, el contenido del elemento nav es una lista de enlaces a las ubicaciones de salto de página.

<nav epub:type="page-list" role="doc-pagelist" aria-labelledby="pglist">
  <h2 id="pglist">Page List</h2>
  <ol>
    <li><a href="chapter01.xhtml#page001">1</a></li>
    <li><a href="chapter01.xhtml#page002">2</a></li>
    <li><a href="chapter01.xhtml#page003">3</a></li>
    ...
  </ol>
</nav>

Lista de páginas en publicaciones EPUB 2 y DAISY

Los formatos EPUB 2 y DAISY 3 usan ambos una gramática XML llamada NCX para expresar las ayudas a la navegación. La lista de páginas se define dentro del elemento ncx mediante la etiqueta pageList. Cada pageTarget dentro de este elemento identifica un salto de página, proporcionando tanto una etiqueta como un destino.

<ncx xmlns="http://www.daisy.org/z3986/2005/ncx/"
     version="2005-1"
     xml:lang="en-US">
  ...
  <pageList>
    <pageTarget id="p1" type="normal" value="1">
      <navLabel><text>1</text></navLabel>
      <content src="content.html#p001"/>
    </pageTarget>
    <pageTarget id="p2" type="normal" value="2">
      <navLabel><text>2</text></navLabel>
      <content src="content.html#p002"/>
    </pageTarget>
  </pageList>
</ncx>

Mecanismo de ir a la página

Un mecanismo ofrece la posibilidad de introducir un número de página como entrada y recolocar al usuario en la ubicación de la página de destino correspondiente.

Recursos

EPUB page-list nav (el nav page-list de EPUB)
Daisy NCX Elements (elementos del NCX de DAISY)
DPUB-ARIA 1.0 doc-pagelist role (la función doc-pagelist de DPUB-ARIA 1.0)

Pruebas

Procedimiento

Comprobar que existe un mecanismo de selección de página en la publicación.
Comprobar que todas las ubicaciones estáticas de salto de página de la publicación están representadas en el mecanismo de selección.
Comprobar que las entradas del mecanismo de selección de página enlazan con la ubicación correcta de la publicación.

Resultados esperados

Las comprobaciones n.º 1, n.º 2 y n.º 3 son verdaderas.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica H99 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.