Aller au contenu principal
RAWEBA

3.1 Dans chaque page web, l’information ne doit pas être donnée uniquement par la couleur. Cette règle est-elle respectée ?

References WCAG
  • 1.3.1 Info and Relationships (A)
  • 1.4.1 Use of color (A)
Techniques
  • F13
  • G14
  • G182
  • G111
  • G117
  • G138
  • G205

Méthodologie officielle pour tester le critère 3.1

Test 1 (3.1.1)

  1. Retrouver dans le document les informations données par la couleur dans un mot ou un ensemble de mots.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Test 2 (3.1.2)

  1. Retrouver dans le document les informations données par la couleur dans un texte.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Test 3 (3.1.3)

  1. Retrouver dans le document les informations données par la couleur dans une image.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Test 4 (3.1.4)

  1. Retrouver dans le document les informations données par la couleur dans une propriété CSS.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Test 5 (3.1.5)

  1. Retrouver dans le document les informations données par la couleur dans un média temporel.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.

Test 6 (3.1.6)

  1. Retrouver dans le document les informations données par la couleur dans un média non temporel.
  2. Pour chacune de ces informations, vérifier la présence :
    • d’un complément au niveau du code (title, aria-label, texte visuellement masqué, aria-current, etc.) ;
    • et d’une information visuelle complémentaire à la couleur (icône, effet graphique de forme ou de position, un effet typographique…).
  3. Si c’est le cas pour chaque information, le test est validé.