Aller au contenu principal
RAWEBA

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

References WCAG
  • 1.3.1 Info and Relationships (A)
  • 1.3.2 Meaningful Sequence (A)
Techniques
  • C6
  • C8
  • C18
  • C22
  • F32
  • F33
  • F34
  • F48
  • G140

Méthodologie officielle pour tester le critère 10.1

Test 1 (10.1.1)

  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é.

Test 2 (10.1.2)

  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>).
  2. Vérifier que les attributs width ou height, s’ils sont utilisés, sont uniquement présents sur les éléments <canvas>, <embed>, <iframe>, <img>, <object>, <source>, <svg> (ou l’un de ses enfants).
  3. Si c’est le cas, le test est validé.

Test 3 (10.1.3)

  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é.