Contrast-Ratio est un outil en ligne conçu par Lea Verou, experte CSS ayant participé à plusieurs spécifications du W3C.
L'objectif de cet outil est de calculer le contraste entre la couleur de texte et la couleur de fond, afin de se conformer aux règles d'accessibilité de la spécification WCAG 2.0.
Très abouti, Contrast-Ratio tient compte :
- de la taille et la graisse de la police
- des noms de couleurs en notation hexadécimale, rgb, hsl, mot-clé
- des couleurs semi-transparentes
Commentaires
Bonne idée que ce partage, merci :)
Pour vérifier les contrastes, je préfère largement l'outil proposé par Tanaguru : http://contrast-finder.tanaguru.com/?lang=fr
Il est en Français (car développé par des français), permet de définir le ratio cible (3:1, 4.5:1 ou 7:1) mais surtout, surtout, fait des propositions de couleurs valides !
Il permet de choisir la couleur à altérer (arrière-plan ou texte) ainsi que deux approches différentes.
Personnellement, je trouve vraiment qu'il n'a aucun concurrent sérieux - et par conséquent ne m'en passe plus depuis des années :)
Bonjour
Colorschemer Studio possède aussi cette fonctionnalité . Vous importer un ensemble de couleur ( palette) et en sélectionnant un item étant considéré comme la couleur de fond , Colorshemer Studio vous montre les couleurs d'avant plan ( du texte ) possible parmis les couleurs de votre palette .
Adobe doit bien avoir cette fonctionnalité ? ...Des retours d 'utilisateurs ?
Bonjour,
Chrome Canary propose désormais à titre expérimental l'affichage du constrat-ratio dans le picker de couleur de l'inspecteur de code.
Pour plus d'infos voir l'article de Remy Sharp :
https://medium.com/remys-blog/contrast-ratio-in-devtools-18d5d8d2d8b4
Salut, que pensez vous de ceci aussi :
http://jxnblk.com/colorable/demos/text/
et
http://khan.github.io/tota11y/