Thématique 10 · Présentation de l'information

Critère RGAA 10.1 : Présentation par feuilles de styles

Une présentation codée dans le HTML (attributs de style, balises de mise en forme) empêche l'utilisateur d'adapter l'affichage à ses besoins.

Niveau: A
WCAG 2.2: 1.3.1, 1.3.2
Thématique: Présentation de l'information
Vérification: Vérification humaine

La question posée par le RGAA

Dans le site web, des feuilles de styles sont-elles utilisées pour contrôler la présentation de l’information ?

Comment respecter ce critère

Gérez toute la présentation en CSS et retirez les attributs et balises de présentation (font, center, align, bgcolor…).

Les tests officiels

Pour être conforme, chaque élément concerné de la page doit satisfaire les tests suivants :

10.1.1 — Dans chaque page web, les balises servant à la présentation de l’information ne doivent pas être présentes dans le code source généré des pages. Cette règle est-elle respectée ?
10.1.2 — Dans chaque page web, les attributs servant à la présentation de l’information ne doivent pas être présents dans le code source généré des pages. Cette règle est-elle respectée ?
10.1.3 — Dans chaque page web, l’utilisation des espaces vérifie-t-elle ces conditions ? (Les espaces ne sont pas utilisées pour séparer les lettres d’un mot ; Les espaces ne sont pas utilisées pour simuler des tableaux ; Les espaces ne sont pas utilisées pour simuler des colonnes de texte.)

Source : RGAA 4.1.2, critère 10.1, DINUM (nouvel onglet), sous Licence Ouverte. Le RGAA précise aussi des cas particuliers et un glossaire à consulter pour un audit officiel.

Comment Accessia le vérifie

Ce critère demande un jugement humain (pertinence, contexte, contenu multimédia). La revue guidée d'Accessia vous le présente avec ses tests officiels, et l'extension Chrome aide à le vérifier (ordre de tabulation, titres, zones, lecteur d'écran, simulations).