Las direcciones reverse y order pueden mostrar elementos en una secuencia distinta del HTML fuente. El árbol no cambia. Lectura y teclado pueden discrepar de la pantalla, sobre todo con enlaces, campos o botones. Crea primero una secuencia lógica y trata la reordenación visual como una decisión de presentación que exige revisión.
Mantén significativo el orden sin Flexbox
Desactiva mentalmente o en DevTools el diseño: títulos, instrucciones, controles y resultados deben conservar el flujo. El HTML de FlexWeave siempre queda en orden inmutable de ID aunque la vista use reverse u order. Sustituye cada div por el elemento semántico adecuado, pero no reescribas la fuente para imitar una sola composición de escritorio. El diseño estrecho puede cambiar mientras el significado permanece.
Compara pantalla, foco y voz
Prueba navegación de teclado hacia delante y atrás observando el foco, y revisa el árbol de accesibilidad o un lector de pantalla. Repite en cada punto donde cambien direction, wrap u order. La discrepancia confunde especialmente en procesos numerados, conversaciones o listas ordenadas; cambia la estructura o evita reordenar. La vista solo demuestra geometría y no certifica accesibilidad.
Verifica el componente real
FlexWeave representa el modelo visual validado con el navegador actual, pero desconoce tu contenido, modo de escritura, controles enfocables y anchos compatibles. Integra las reglas en el componente, conserva un orden HTML significativo y prueba anchos estrechos, zoom, traducciones largas, teclado y tecnologías de asistencia. La dirección inversa y order nunca demuestran una secuencia de lectura correcta. Guarda CSS y HTML en control de versiones porque la cápsula no conserva proyectos.