Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Structure et ordre de lecture : pourquoi l'apparence et le code doivent concorder
Ce qui est visuellement reconnaissable comme titre, liste ou tableau doit aussi être marqué comme tel dans le code. Un paragraphe en gras n'est pas un titre pour un lecteur d'écran, et une énumération alignée avec des espaces n'est pas une liste. De plus, l'ordre dans le code doit correspondre à l'ordre de lecture logique.
- Le test pratique est la liste des titres : quand on l'appelle, on obtient une table des matières de la page. Si les titres manquent là ou ne sont faits que visuellement, la liste est vide — et la page doit être écoutée de haut en bas.
- L'ordre de lecture s'effondre particulièrement avec les mises en page modernes : un élément qui est tiré vers le haut par une grille CSS se trouve plus bas dans le code. Les voyants le voient en premier, les utilisateurs de lecteur d'écran en dernier. C'est pourquoi notre vérificateur compare l'ordre visuel avec l'ordre du DOM.
- Les champs de formulaire entrent également ici : un champ de saisie a besoin d'un libellé lié par programme. Un texte à côté qui ressemble visuellement à un libellé ne suffit pas.