Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Pourquoi l'ordre des contenus dans le code doit-il être bon ?
L'ordre dans le code doit être bon, parce que les logiciels de lecture énumèrent une page exactement dans cet ordre — indépendamment de la façon dont les contenus sont arrangés à l'écran. Si le prix se tient avant le nom du produit dans le code, un visiteur aveugle entend d'abord « 89 euros » et ne sait pas pour quoi. L'arrangement visible et l'ordre du code doivent s'accorder.
Deux vues de la même page
Chaque site web existe deux fois : une fois comme présentation visible sur l'écran et une fois comme code, dans lequel les contenus sont alignés les uns après les autres. Les techniques de mise en page modernes peuvent les découpler — un élément qui se tient tout en bas du code peut sembler en haut à gauche optiquement. C'est invisible pour les visiteurs voyants. Un logiciel de lecture suit cependant strictement le code. Un exemple : votre liste de prix montre trois forfaits côte à côte, mais le code contient d'abord tous les trois titres, puis tous les trois prix, puis toutes les trois descriptions. Le visiteur aveugle entend « De base, Confort, Premium, 29 euros, 59 euros, 99 euros » — et ne peut plus assigner les prix aux forfaits.
Ainsi, notre noyau de mesure teste l'ordre
L'outil de test axe-core reconnaît des signaux techniques individuels qui indiquent un ordre perturbé — par exemple des marques qui arrachent les éléments du flux de lecture. Que l'ordre de lecture d'une page concrète fasse sens inhérent, une machine ne peut le juger que de manière limitée : cela exige de comprendre le contenu. Notre noyau de mesure suit ici son principe qu'un passage sans remarque n'est pas un feu vert — ce que l'automatisme ne peut décider sûrement, le rapport l'indique comme « tester manuellement ». Au standard Or, un testeur se fait énumérer la page en ordre de code et juge si le contenu y reste compréhensible.
Beispiele
Reihenfolge per CSS umgestellt
<div style="display:flex; flex-direction:column-reverse">
<p>Schritt 2: Termin bestätigen</p>
<p>Schritt 1: Termin wählen</p>
</div><div>
<p>Schritt 1: Termin wählen</p>
<p>Schritt 2: Termin bestätigen</p>
</div>Vorleseprogramme lesen den Quelltext in seiner Reihenfolge. Was optisch umgedreht wird, kommt falsch herum an.
- Demandez à votre agence de regarder les pages les plus importantes une fois sans mise en page — seulement en tant qu'ordre de code.
- Testez les listes de prix et les tableaux de comparaison spécialement en détail : c'est là que la mise en page sépare les données associées le plus souvent.
- Faites attention lors des remaniements que les contenus soient insérés dans le code là où ils appartiennent factuellement — pas là où c'est techniquement commode.
- Testez après les grands changements de mise en page avec la touche Tabulation : si la marque saute les croix et travers, l'ordre du code aussi.
- Prenez l'ordre de lecture comme critère d'acceptation dans les contrats avec votre agence.