2.4 Contraste et utilisation de la couleur
Pourquoi devrait-on considérer le niveau de contraste entre le texte et l'arrière-plan dans la production d'une REN?
Critère de niveau 1
Énoncé du critère
Le rapport de contraste entre la police de caractères et l'arrière-plan est suffisant
Description
L’accessibilité des couleurs se valide toujours en fonction de la façon dont les couleurs sont utilisées ensemble. Ainsi, il est important de s’assurer, à l'aide d'un vérificateur de contraste, que le rapport de contraste des couleurs entre la police de caractères et l'arrière-plan soit suffisant. Pour favoriser le plaisir de lire chez l’élève, il est essentiel qu’il ait facilement accès à l’information. La combinaison adéquate des couleurs de l’arrière-plan et de la police d’écriture assure le confort visuel pour tous. Pour y arriver, il est important de respecter un rapport de contraste minimal de 4.5:1 entre l'arrière-plan et la couleur de la police de caractères. Notez que le WCAG propose un rapport de contraste de 7:1 afin d'atteindre le niveau de conformité AAA.
Retombées sur les apprentissages
- L'utilisation adéquate des contrastes assure à tous les apprenants:
- un confort visuel lors de leur lecture;
- un balayage et un repérage efficaces du texte.
- L'ajout d'indices visuels ou de texte à la couleur permet à tous les apprenants d'avoir accès à l'ensemble de l'information.
Un visuel accessible
Le texte devient difficile à lire lorsque la couleur des caractères n’est pas assez contrastante avec la couleur de l’arrière-plan. Une image en arrière-plan pourrait alors entrainer une fatigue visuelle et le lecteur pourrait se concentrer davantage sur l’image que sur le texte. Même si le WCAG 2.2 permet à certaines conditions la présence d’une image derrière le texte, il est préférable de placer l’image sous le texte.
Activités d'appropriation
Activité 1
Observez l'effet de contraste des trois paragraphes ci-dessous
Paragraphe 1
Rapport de contraste : 5,33:1
Paragraphe 2
Rapport de contraste : 17:1
Paragraphe 3
Rapport de contraste : 1,43:1
Source : Alexandre Dumas, Histoire d'un casse-noisette et autres contesLa bibliothèque Alexandre Dumas (ebooksgratuits.com) (extrait).
Comme vous avez pu le constater, plus le rapport de contraste est grand, meilleure est la perceptibilité des éléments textuels. Il faut donc faire preuve de vigilance lorsqu'on utilise une couleur en arrière-plan. Certaines personnes préfèrent le visuel offert par le paragraphe 1. Son niveau de contraste avec l'arrière-plan (5.33:1) est suffisant, mais est beaucoup moins élevé que celui du 2e paragraphe (17:1) qui est le plus accessible des trois.
Activités d'appropriation
Activité 2
Déterminez si vous avez bien compris le lien entre le rapport de contraste et son effet chez la personne qui lit.
Déplacez les tuiles qui semblent respecter un rapport de contraste suffisant dans la zone « Visuel accessible ». Pour vérifier votre perception, cliquez sur le bouton Vérifier. Vous pouvez utiliser ce vérificateur de contraste si vous le souhaitez.
Cas particulier
Certaines personnes ont une capacité réduite à distinguer les couleurs ou en sont incapables. Il est donc important de ne pas utiliser seulement la couleur pour présenter de l’information.
Consultez ce fichier PDF qui contient des exemples concrets démontrant deux situations particulières :
l’ajout de texte aux informations transmises par la couleur
l’ajout d’indices visuels aux informations transmises par la couleur.
En résumé
Pour s'assurer de la perceptibilité des contenus pour tous :
-
Privilégier, par exemple, le noir sur le blanc, le jaune sur le noir, le blanc ou le jaune sur du bleu foncé afin que l'information soit facilement perceptible.
-
Veiller à ce que l'information véhiculée ou accentuée avec de la couleur soit accessible à tous les apprenants par l'ajout de texte ou d'indices visuels.
-
Utiliser un vérificateur de contraste pour s'assurer d'un rapport suffisant.
- Adobe Color (simple et gratuit, possibilité d'importation d'image)
- Color Contrast Check (gratuit)
Mise en action
Défi badge appropriation - 3e étape
Optimisez la REN que vous avez choisie en vous assurant que l'ensemble des éléments textuels ont un rapport de contraste suffisant avec l'arrière-plan. Au besoin, veuillez utiliser cet outil gratuit. Si vous utilisez de la couleur dans votre document, veuillez appliquer les recommandations précisées.
Ce défi vous permettra d'obtenir le badge appropriation à la fin du module 3.
