Les directions reverse et la propriété order peuvent afficher les éléments dans une séquence différente du HTML source. L’arbre du document ne change pas. Lecture et clavier peuvent donc diverger de l’écran, surtout pour liens, champs et boutons. Créez d’abord une séquence source logique et considérez le réordonnancement visuel comme un choix de présentation à contrôler.
Gardez un ordre source cohérent sans Flexbox
Désactivez mentalement ou dans les outils le style de disposition : titres, consignes, contrôles et résultats doivent garder le parcours. Le HTML FlexWeave reste toujours dans l’ordre immuable des identifiants, même si l’aperçu emploie reverse ou order. Remplacez chaque div par l’élément sémantique adapté, sans réécrire la source pour imiter une seule composition de bureau. La vue étroite peut changer sans changer le sens.
Comparez écran, focus et parole
Testez la navigation clavier avant et arrière en suivant le focus, puis examinez l’arbre d’accessibilité ou un lecteur d’écran. Répétez à chaque seuil où direction, wrap ou order change. Le désaccord est particulièrement déroutant pour étapes numérotées, conversations ou classements ; préférez modifier la structure ou éviter le réordonnancement. L’aperçu ne prouve que la géométrie et ne certifie pas l’accessibilité.
Vérifiez le vrai composant
FlexWeave rend le modèle visuel validé avec le navigateur courant, mais ignore votre contenu, mode d’écriture, contrôles focalisables et largeurs prises en charge. Intégrez les règles au composant, gardez un ordre HTML cohérent et testez faible largeur, zoom, traductions longues, clavier et technologies d’assistance. Direction inversée et order ne prouvent jamais une bonne séquence de lecture. Conservez CSS et HTML sous gestion de versions, car la capsule ne garde aucun projet.