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

Comprendre

La présentation doit passer par les feuilles de style, pas par des balises ou attributs de présentation (font, center…).

Ce critère s’applique à toutes les pages.

Ce que vérifie Agence RGAA

Notre moteur détecte automatiquement des anomalies, mais une personne doit confirmer la pertinence avant de conclure.

Nous détectons automatiquement :

• balises de présentation obsolètes (font, center…)

Un résultat automatique n’est jamais un audit : seul un contrôle humain (en interne ou par un auditeur RGAA) permet de conclure.

Exemple de correction

<p class="alerte">Fermeture exceptionnelle</p>

.alerte {
  color: #b00020;
  text-align: center;
}

<font color="red"><center>Fermeture exceptionnelle</center></font>
<table bgcolor="#eeeeee" align="center">…</table>

• font, center, big, strike, tt, marquee, bgcolor, align : à remplacer par du CSS.

Patron de référence à adapter à votre contexte : il ne vaut pas validation du critère.

Tests officiels

1. Test 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 ?

   Méthodologie de test

   1. Vérifier l’absence des éléments de présentation <basefont>, <big>, <blink>, <center>, <font>, <marquee>, <s>, <strike>, <tt> ;
   2. Vérifier l’absence de l’élément <u> uniquement si le DOCTYPE du document ne correspond pas à HTML 5 ;
   3. Si c’est le cas, le test est validé.

2. Test 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 ?

   Méthodologie de test

   1. Vérifier l’absence des attributs de présentation : align, alink, background, bgcolor, border, cellpadding, cellspacing, char, charoff, clear, color, compact, frameborder, hspace, link, marginheight, marginwidth, text, valign, vlink, vspace, size(exception faite de l'élément <select>), width (exception faite des éléments <img>, <object>, <embed>, <canvas> et <svg>), height (exception faite des éléments <img>, <object>, <embed>, <canvas> et <svg>) ;
   2. Si c’est le cas, le test est validé.

3. Test 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.

   Méthodologie de test

   1. Désactiver les styles (CSS) du document ;
   2. Vérifier l’absence d’espaces utilisées :
      • Entre les lettres d’un mot ;
      • Pour créer des effets de marges ou d’alignement ;
      • Pour simuler des tableaux ou des colonnes.
   3. Si c’est le cas, le test est validé.

Texte officiel du référentiel RGAA 4.1.2 publié par la DINUM — voir la source.