Contrasté rime avec lisibilité
Situation
Il vous arrive de plisser les yeux pour lire un texte à cause d’un fond inadapté qui vous empêche de voir clairement les caractères : vous êtes face à un problème de contraste.
L’information
Les usagers doivent pouvoir lire aisément vos documents numériques. La lisibilité s’obtient grâce à un contraste suffisant entre le texte écrit et le fond sur lequel il est disposé.
Un contraste élevé s’obtient en choisissant une couleur de fond claire avec de l’écriture très foncée ou inversement.
Nos recommandations
Évitez le bleu turquoise et l’orange sur du texte ou du fond blanc.
Ne vous fiez pas forcément à votre vue, utilisez des outils de mesure.
Exemples
Ci dessous 3 groupes de 3 images avec texte blanc, les fonds et les conformités sont donnés par le tableau ci-après.
| Fond | Contraste non conforme | Contraste tout juste conforme | Grand contraste | |
|---|---|---|---|---|
| Bleu | #5FB7DD | #0A7CC1 | #3E598E | |
| Orange | #FF7F00 | #C75300 | #842E1B | |
| Vert | #16B84E | #128A0C | #095228 |
Pour aller plus loin
Vous pouvez grâce à un outil graphique muni d'une pipette, mesurer le contraste entre un premier plan et un arrière plan. Téléchargez l'outil colour contrast analyser (site en Anglais).
Si le contraste est insuffisant, vous pouvez trouver une combinaison conforme sur le site contrast finder.
Et pour un peu d'inspiration, visiter le site randoma11y (en Anglais)
