Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G61Presentar los componentes repetidos en el mismo orden relativo cada vez que aparecen

En resumen

Esta técnica pide que los elementos que se repiten en un conjunto de páginas (logotipo, buscador, menú de navegación, enlaces de un menú) aparezcan siempre en el mismo orden relativo, aunque entre ellos se añadan o quiten otros. Beneficia a quienes usan lector de pantalla, magnificador o tienen dificultades cognitivas, porque aprenden una vez dónde está cada cosa y no tienen que volver a orientarse en cada página. Es la vía habitual para cumplir el criterio 3.2.3 Navegación coherente.

Aplicabilidad

Cualquier tecnología.

Descripción

El objetivo de esta técnica es facilitar el uso del contenido haciendo más predecible la ubicación de los componentes repetidos. Esta técnica ayuda a mantener una disposición o presentación coherente entre páginas web presentando los componentes que se repiten en el conjunto de páginas web en el mismo orden relativo cada vez que aparecen. Pueden insertarse otros componentes entre ellos, pero su orden relativo no cambia.

Esta técnica también se aplica a los componentes de navegación que se repiten. Las páginas web suelen contener un menú de navegación u otro componente de navegación que permite al usuario saltar a otras páginas web. Esta técnica hace más predecible la ubicación de los componentes de navegación presentando los enlaces o referencias programáticas dentro de un componente de navegación en el mismo orden relativo cada vez que se repite el componente de navegación. Pueden eliminarse otros enlaces o insertarse entre los existentes, por ejemplo para permitir la navegación dentro de una subsección de un conjunto de páginas web, pero el orden relativo no cambia.

Ejemplos

  • Un sitio web tiene un logotipo, un título, un formulario de búsqueda y una barra de navegación en la parte superior de cada página; estos aparecen en el mismo orden relativo en cada página en la que se repiten. En una página falta el formulario de búsqueda, pero los demás elementos siguen en el mismo orden.
  • Un sitio web tiene un menú de navegación a la izquierda con enlaces a las principales secciones del sitio. Cuando el usuario sigue un enlace a otra sección del sitio, los enlaces a las secciones principales aparecen en el mismo orden relativo en la página siguiente. A veces se eliminan enlaces y se añaden otros, pero los demás enlaces se mantienen siempre en el mismo orden relativo. Por ejemplo, en el sitio web de una empresa que vende productos y ofrece formación, cuando un usuario pasa de la sección de productos a la sección de formación, los enlaces a los productos concretos se eliminan de la lista de navegación, mientras que se añaden enlaces a la oferta formativa.

Pruebas

Procedimiento

  1. Enumerar los componentes que se repiten en cada página web de un conjunto de páginas web (por ejemplo, en cada página de un sitio web).
  2. Para cada componente, comprobar que aparece en el mismo orden relativo con respecto a los demás componentes repetidos en cada página web en la que aparece.
  3. Para cada componente de navegación, comprobar que los enlaces o referencias programáticas están siempre en el mismo orden relativo.

Resultados esperados

  • La comprobación n.º 2 es verdadera.
  • La comprobación n.º 3 es verdadera.

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