Aller au contenu principal
RAWEBAA

Comment tester le critère 3.3 « Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ? »

References WCAG
  • 1.4.11 Non-text Contrast (AA)

Méthodologie officielle pour tester le critère 3.3

Test 1 (3.3.1)

  1. Retrouver dans le document les composants d’interface qui pourraient poser des problèmes de contraste.
  2. Pour chacun de ces composants, vérifier que :
    • soit le rapport de contraste entre les couleurs du composant dans ses différents états et la couleur d’arrière-plan contiguë est de 3:1, au moins ;
    • soit un mécanisme permet à l’utilisateur d’afficher le composant avec un rapport de contraste de 3:1, au moins.
  3. Si c’est le cas pour chaque composant, le test est validé.

Test 2 (3.3.2)

  1. Retrouver dans le document les éléments graphiques qui pourraient poser des problèmes de contraste.
  2. Pour chacun de ces éléments, vérifier que :
    • soit le rapport de contraste entre les couleurs de l’élément graphique nécessaires à sa compréhension et la couleur d’arrière-plan contiguë est de 3:1, au moins ;
    • soit un mécanisme permet à l’utilisateur d’afficher l’élément graphique avec un rapport de contraste de 3:1, au moins.
  3. Si c’est le cas pour chaque composant, le test est validé.

Test 3 (3.3.3)

  1. Retrouver dans le document les éléments graphiques qui pourraient poser des problèmes de contraste.
  2. Pour chacun de ces éléments, vérifier que :
    • soit le rapport de contraste des différentes couleurs contiguës de l’élément graphique entre elles, lorsqu’elles sont nécessaires à sa compréhension, est de 3:1, au moins ;
    • soit un mécanisme permet à l’utilisateur d’afficher l’élément graphique avec un rapport de contraste de 3:1, au moins.
  3. Si c’est le cas pour chaque élément graphique, le test est validé.

Test 4 (3.3.4)

  1. Retrouver dans le document les mécanismes qui permettent d’afficher un rapport de contraste conforme.
  2. Pour chacun de ces mécanismes, vérifier que le rapport de contraste entre les couleurs du composant ou des éléments graphiques porteurs d’informations qui le composent est suffisamment élevé.
  3. Si c’est le cas pour chaque mécanisme, le test est validé.