Addaw, ir a inicio Donar

Técnica HTML WCAG 2.2

H99Proporcionar una lista de páginas

En resumen

Esta técnica recomendada se aplica a publicaciones digitales (HTML, EPUB, DAISY) derivadas de una edición impresa o con saltos de página fijos. Pide ofrecer una lista de páginas o un mecanismo de «ir a la página» que enlace, de forma determinable por software, con cada salto de página. Permite que estudiantes y lectores que usan tecnologías de asistencia localicen la misma página que sus compañeros con el libro en papel.

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

Pruebas

Procedimiento

  1. Comprobar que existe un mecanismo de selección de página en la publicación.
  2. 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.
  3. 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 las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H99 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital