Contrastes des couleurs

Article écrit par Stéphanie Walter et publié le 15 novembre 2021 qui présente de nombreux outils et ressources sur l’accessibilité des couleurs (notamment les contrastes)

Un outil en ligne qui permet de choisir une couleur dans un espace de couleurs RVB avec indication, via une courbe, de la zone à ne pas dépasser pour que les contrastes soient valides.

Ticket sur le repo Github des WCAG intitulé « Contrast Ratio Math and Related Visual Issues » qui démontre notamment que, parfois, certains ratio de contraste sont valides mais le texte est peu lisible alors que, d’autres fois, certains ratio de contraste sont invalides mais le texte est plutôt lisible (en tout cas, plus que dans les exemples valides).

Cet outil en ligne permet de vérifier le ratio de contrastes entre la couleur de texte et la couleur de fond selon les règles d’accessibilité. Il permet aussi de vérifier que le ratio de contrastes est valide selon les trois formes les plus courantes de daltonisme (deutéranopie, protanopie, tritanopie). En effet, comme les personnes daltoniennes ne voient pas les mêmes couleurs, le ratio de contrastes varie également.

Cet outil est un logiciel disponible pour Mac et Windows qui permet d’analyser le ratio de contraste entre la couleur de texte et sa couleur de fond via une pipette qui zoome. Assez pratique !

Sous son vrai nom Accessible color palette builder, cet outil en ligne permet de mettre en relation 6 couleurs afin de trouver les combinaisons utilisables pour les couleurs de texte et de fond avec un ratio de contraste suffisant.

Cet outil permet de mesurer le ratio de contraste entre la couleur du texte et sa couleur de fond. Il donne des exemples de combinaisons de couleurs accessibles si jamais le ratio est mauvais.

Il est utilisable sur une page web et est disponible en français et en anglais.

Article écrit par moi-​même sur le blog de Tanaguru, publié le 27 mai 2019

Article écrit par moi-​même sur le blog de Tanaguru et publié le 6 juin 2019

Article écrit par moi-​même sur le blog de Tanaguru et publié le 11 juillet 2019

Un autre constructeur de palette de couleurs accessibles, appelé « Accessible Brand Colors » et réalisé par Use All Five, qui génère un tableau indiquant quelles combinaisons de couleurs peuvent être utilisées entre elles. Il a l’avantage de pouvoir faire la génération avec un grand nombre de couleurs.

Article écrit par Stéphanie Walter, publié le 8 Avril 2014, qui revient sur la façon de créer une palette de couleurs accessibles en expliquant quelques outils

Article présentant un outil créé par Atalan daté du 7 août 2015 et écrit par Sébastien Delorme
L'outil est maintenu à jour.

Grilles de contrastes nommée Contrast Grid qui permet de vérifier les compatibilités de couleurs par rapport aux ratios de contrastes attendus par WCAG dans un tableau croisé.

Article paru sous le titre original « There is no “Myths of Color Contrast Accessibility” », écrit par Geoffrey Crofte et publié le 4 décembre 2019, en réponse à un autre article qui a fait grand bruit faisant croire que les règles d’accessibilité sur les contrastes ne servaient à rien. Geoffrey démonte chacun des « mythes » avec brio.

Outil en ligne qui permet de vérifier que le contraste de la couleur des liens non soulignés respecte bien le ratio minimum de 3:1 par rapport à la couleur du texte environnant et le ratio minimum de 4,5:1 par rapport à la couleur de fond.

Outil de tests d’accessibilité automatisés (en anglais) sous forme de bookmarklet

Il permet notamment de tester : les contrastes de couleurs, la structuration des titres, les liens, les libellés de champs de formulaire, les alternatives d'images, les repères ARIA.

Extension disponible pour Firefox et Chrome (lien pour Firefox ici présent) qui permet de vérifier les contrastes des éléments par rapport à leur fond dans une page web complète.

Elle permet également de simuler la vision d’une page web par des personnes daltoniennes.

Un outil de validation des contrastes qui permet de voir une simulation du rendu pour les différents handicaps visuels (daltonisme, basse vision, glaucome, cataracte…).