1. Objetivo
Asegurar que los componentes enfocables en la página reciban el foco en un orden que preserve la significación y la operabilidad del contenido, tal como lo exige la Success Criterion 2.4.3 – Focus Order (Level A) de WCAG:
“If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.”
2. Alcance
- Incluye todos los elementos interactivos accesibles con Tab / Shift+Tab.
Nota: Para evitar falsos positivos, los elementos contraídos en el estado normal se omiten, pues al eliminar estilos aparecen inmediatamente tras su disparador.
3. “Fuente de verdad” del orden de tabulación
- Default Tab Order = Source Code Order = The Order With Styles Turned Off
- Interpretamos la “lógica” como la posición en el DOM, sin considerar la presentación visual en CSS.
4. Flujo de verificación
Extraer lista de elementos
- Recorrer el DOM y enlistar todos los elementos enfocables (links, botones, campos de formulario, etc.) en el orden en que aparecen en el código HTML.
Recorrer con teclado
- Desde la raíz del área bajo prueba, avanzar con Tab / Shift+Tab y registrar la secuencia real de enfoque.
Comparar secuencias
- Si coinciden, el orden de foco es coherente.
- Si no coinciden, continuar con el paso 4.
Validar alcance del problema
- Determinar si los elementos desplazados están colapsados u ocultos por CSS.
- Descartar estos casos (pues no deberían tabularse en el estado normal).
Reportar inconsistencia