Critère 10.3
Contenu compréhensible sans CSS
L'ordre du contenu doit rester logique sans CSS.
En Bref : L'essentiel à retenir
- L'objectif est de garantir que l'ordre de lecture linéaire du code HTML soit logique et cohérent.
- La solution technique préconise que l'ordre des éléments dans le DOM suive l'ordre visuel logique.
- Il est conseillé d'éviter l'utilisation de `flex-direction: row-reverse` ou `order` pour modifier l'ordre visuel et ainsi respecter l'ordre du code pour les lecteurs d'écran.
- L'implémentation correcte implique que si visuellement un élément A est suivi d'un élément B, le code HTML doit également refléter cet ordre (<div>A</div> <div>B</div>).
Objectif
Assurer que l'ordre de lecture linéaire (HTML brut) est logique et cohérent.
Solution Technique
L'ordre des éléments dans le DOM doit suivre l'ordre visuel logique. N'utilisez pas flex-direction: row-reverse ou order pour changer radicalement l'ordre visuel par rapport à l'ordre du code, car les lecteurs d'écran suivent l'ordre du code.
<!-- Si visuellement on a A - B -->
<!-- Le code doit être : -->
<div>A</div>
<div>B</div>