Aller au contenu principal
WCAG A Prestataire Moyen

Si les styles graphiques de votre site sont désactivés, le contenu s'affiche-t-il dans un ordre de lecture logique ?

Critère officiel 10.3 — Dans chaque page web, l’information reste-t-elle compréhensible lorsque les feuilles de styles sont désactivées ?

Pourquoi c'est important

Certaines mises en page utilisent le CSS pour afficher des éléments dans un ordre visuel différent de leur ordre réel dans le code. Un logiciel de lecture suit l'ordre du code, pas l'ordre visuel. Si les deux divergent, l'utilisateur entend la barre latérale avant le contenu principal, ou le pied de page avant l'article.

Exemples concrets

Ce qui est conforme

La page d'accueil, vue sans styles, affiche dans l'ordre : logo, navigation, contenu principal, coordonnées. L'ordre du code reflète l'ordre logique de lecture — pas seulement l'ordre visuel obtenu par positionnement CSS.

Ce qui pose problème

Une page utilise CSS pour afficher deux colonnes côte à côte. Dans le code, la barre latérale est écrite avant le contenu principal. Sans styles, le logiciel de lecture lit une longue liste de liens de la barre latérale avant d'atteindre l'article — l'ordre de lecture est inversé.

Comment agir

Demandez à votre prestataire de tester la page principale sans feuilles de style (Firefox → Affichage → Style de la page → Aucun style). Vérifiez que le contenu s'affiche dans un ordre logique : navigation, puis contenu, puis pied de page. Si la barre latérale ou le pied de page apparaît avant le contenu, l'ordre du code doit être corrigé.