Cet article contient plusieurs exemples pour tester l’accessibilité des couleurs : contrastes, liens, et informations reposant uniquement sur la couleur.
1- Texte avec contraste suffisant
Ce texte est noir sur fond blanc. Le contraste est suffisant et conforme aux exigences RGAA.
2 – Texte avec contraste insuffisant
Ce texte gris clair sur fond blanc présente un contraste insuffisant et peut être difficile à lire.
3 – Information portée uniquement par la couleur
Les éléments en rouge sont obligatoires.
4 – Information avec couleur + indication textuelle
Les éléments obligatoires sont indiqués en rouge et marqués d’un astérisque (*).
* Champ obligatoire
5 – Lien uniquement identifiable par la couleur
Consultez notre page d’information pour plus de détails.
6 – Bouton avec contraste insuffisant
7 – Texte sur fond coloré (cas limite)
Ce texte blanc sur fond bleu clair peut être difficile à lire selon le contraste réel.
8 – Comparaison de contrastes
Contraste fort
Contraste faible