Aller au contenu principal
RAAMAA

2.2 Dans chaque écran, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

References WCAG
  • 1.4.3 Contraste (minimum) (AA)

Méthodologie officielle pour tester le critère 2.2

Test 1 (2.2)

iOS
  1. Activer l’option Augmenter le contraste (Réglages > Accessibilité > Affichage et taille du texte > Augmenter le contraste) ou s’il est présent dans l’application, activer le mécanisme de remplacement permettant d’afficher l’application avec un rapport de contraste suffisant.
  2. Repérer dans l’écran les textes, les textes contenus dans des éléments graphiques et les textes incrustés dans les vidéos qui pourraient poser des problèmes de contraste.
  3. Pour les textes dont la taille (normale ou agrandie) ne peut être appréciée à l’œil nu, vous devrez la mesurer (voir la section dédiée dans la méthodologie).
  4. Activer le logiciel Colour Contrast Analyser{lang=en} sur l’ordinateur et capturer les couleurs d’avant-plan et d’arrière-plan :
  5. Pour les textes problématiques identifiés précédemment, vérifier :
    • Pour les textes dont la taille est de moins de 24 px sans effet de graisse, ou de moins de 18,5 px avec effet de graisse, que la valeur de contraste est de 4.5:1, au moins ;
    • Pour les textes dont la taille est de 24 px ou plus sans effet de graisse, ou de 18,5 px ou plus avec effet de graisse, que la valeur de contraste est de 3:1 au moins.
  6. Si c’est le cas, le critère est validé. Note : Il est possible d’utiliser l’application Accessibility Inspector{lang=en} disponible sur macOS pour réaliser une évaluation rapide des contrastes des écrans. Le logiciel dispose d’une fonctionnalité « Audit » qui permet de faire des tests automatiques de certains éléments textes et graphiques des écrans. Cette fonctionnalité ne détecte pas l’ensemble des défauts de contraste, des tests complémentaires suivant la méthodologie décrite ci-avant seront nécessaires.
Android
  1. S’il existe dans l’application, activer le mécanisme de remplacement permettant d’afficher l’application avec un rapport de contraste suffisant.
  2. Repérer dans l’écran les textes, les textes contenus dans des éléments graphiques et les textes incrustés dans les vidéos qui pourraient poser des problèmes de contraste.
  3. Pour les textes dont la taille (normale ou agrandie) ne peut être appréciée à l’œil nu, vous devrez la mesurer (voir la section dédiée dans la méthodologie).
  4. Activer le logiciel Colour Contrast Analyser{lang=en} sur l’ordinateur et capturer les couleurs d’avant-plan et d’arrière-plan :
  5. Pour les textes problématiques identifiés précédemment, vérifier :
    • Pour les textes dont la taille est de moins de 24 px sans effet de graisse, ou de moins de 18,5 px avec effet de graisse, que la valeur de contraste est de 4.5:1, au moins ;
    • Pour les textes dont la taille est de 24 px ou plus sans effet de graisse, ou de 18,5 px ou plus avec effet de graisse, que la valeur de contraste est de 3:1 au moins.
  6. Si c’est le cas, le critère est validé. Note : Il est possible d’utiliser l’application Accessibility Scanner pour réaliser une évaluation rapide des contrastes des écrans. L’application ne détecte pas l’ensemble des défauts de contrastes, des tests complémentaires suivant la méthodologie décrite ci-avant seront nécessaires.