Técnica Técnicas generales WCAG 2.2

G127Indicar a qué sección o conjunto de páginas pertenece cada página

Nombre oficial en el W3C: Identificar la relación de una página web con un conjunto mayor de páginas web

En pocas palabras

Cada página debe dejar claro dónde está dentro del sitio. La forma más habitual es incluirlo en el título de la página: nombre de la página, sección y sitio. Por ejemplo: «Cita previa – Servicios sociales – Ayuntamiento de Villanueva».

Por qué es importante

El título de la página es lo primero que anuncia el lector de pantalla (programa que lee en voz alta lo que hay en la pantalla). También aparece en la pestaña del navegador y en los favoritos.

Si el título dice la sección y el sitio, la persona sabe dónde está sin tener que explorar la página. Ayuda mucho a quien se desorienta con facilidad o tiene muchas pestañas abiertas.

Cómo se hace

Escriba en el title primero lo específico de la página y después la sección y el nombre del sitio.
En capítulos o pasos de una serie, indique el número y el total: «Capítulo 3 de 8: Requisitos – Guía de ayudas».
Use el mismo formato en todas las páginas del sitio.
Como apoyo, puede relacionar las páginas de una serie con <link rel="prev"> y <link rel="next">. Pocos productos de apoyo los muestran, así que no sustituyen al título.
Una ruta de migas de pan visible también ayuda a situarse.

Cómo comprobarlo

Mire el título en la pestaña del navegador o en el código (title).
Compruebe que dice a qué sección y a qué sitio pertenece la página.
Si no lo dice, revise si el código incluye link con rel que relacionen la página con su conjunto.

Ejemplo

El título nombra la página, su sección y el sitio, y los enlaces rel relacionan los pasos de la guía.

<head>
  <title>Paso 2 de 4: Documentación – Guía de la ayuda al alquiler – Ayuntamiento de Villanueva</title>
  <link rel="prev" href="/guia-alquiler/paso-1">
  <link rel="next" href="/guia-alquiler/paso-3">
</head>

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 G127 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

Todas las tecnologías.

Descripción

El objetivo de esta técnica es permitir que los usuarios identifiquen la relación entre la página web actual y otras páginas web de la misma colección (por ejemplo, del mismo sitio web). En algunos casos esto puede hacerse por software, por ejemplo utilizando el atributo rel del elemento link de HTML. En otros casos, la información se proporciona incluyendo los datos pertinentes en el título de la página web.

Ejemplos

El título de una página web incluye el nombre del subsitio

Un sitio web de gran tamaño incluye tutoriales y materiales de referencia sobre numerosas tecnologías. El título de cada página web incluye el nombre del subsitio y también el de la organización que produce el sitio.

Incluir información identificativa en los metadatos

Una página web incluye metadatos que la identifican como la tabla de contenidos de una colección de documentos. Los metadatos de cada documento de la colección identifican la posición del documento dentro de la colección y proporcionan una referencia a la tabla de contenidos.

Capítulos de un libro de texto en línea

Un libro de texto en línea está dividido en capítulos. El título de cada página web incluye el número y el título del capítulo, así como el título del libro de texto.

Pruebas

Procedimiento

Comprobar si el título de la página web describe la relación de la página web con la colección a la que pertenece.
Comprobar si la página web incluye metadatos que identifiquen la relación de la página web con la colección a la que pertenece.

Resultados esperados

La comprobación n.º 1 o la comprobación n.º 2 es verdadera.

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 G127 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.