Técnica Técnicas generales WCAG 2.2
G59Colocar los elementos interactivos en un orden que siga las secuencias y relaciones del contenido
En resumen
Esta técnica pide que enlaces, botones y campos de formulario estén en el código en el mismo orden lógico en que se entienden visualmente, para que al pulsar Tab el foco avance de forma coherente. Beneficia a quienes navegan con teclado, lectores de pantalla o magnificadores. Aplíquela al diseñar formularios y páginas con varias columnas o secciones paralelas.
Aplicabilidad
Todas las tecnologías que contengan elementos interactivos y definan un orden de tabulación predeterminado para dichos elementos.
Descripción
El objetivo de esta técnica es garantizar que los elementos interactivos reciben el foco en un orden que sigue las secuencias y relaciones del contenido. Al diseñar el contenido, los elementos interactivos, como los enlaces y los controles de formulario, se colocan en el contenido de modo que el orden de tabulación predeterminado siga las secuencias y relaciones del contenido. Cada tecnología define su orden de tabulación predeterminado, por lo que el mecanismo para colocar los controles en el contenido dependerá de la tecnología utilizada.
Por ejemplo, en HTML el orden del foco predeterminado sigue el orden en que los elementos aparecen en el código fuente del contenido. Cuando el orden del código HTML coincide con el orden visual de la página web, al recorrer el contenido con la tecla Tab se sigue la disposición visual del contenido. Cuando el orden del código no coincide con el orden visual, el orden de tabulación del contenido debe reflejar las relaciones lógicas del contenido que se muestran visualmente.
Ejemplos
- Un formulario contiene dos campos de texto que deben rellenarse de forma consecutiva. El primer campo de texto se coloca en primer lugar en el contenido y el segundo campo, en segundo lugar.
- Un formulario contiene dos secciones de información, una al lado de la otra. Una sección contiene información sobre el solicitante y la otra, información sobre su cónyuge. Todos los elementos interactivos de la sección del solicitante reciben el foco antes que cualquiera de los elementos de la sección del cónyuge. Los elementos de cada sección reciben el foco siguiendo el orden de lectura de esa sección.
Pruebas
Procedimiento
- Determinar el orden de los elementos interactivos en el contenido.
- Determinar el orden lógico de los elementos interactivos.
- Comprobar que el orden de los elementos interactivos en el contenido coincide con el orden lógico.
Resultados esperados
- 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.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G59 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.
