Contrast-Ratio

Outilaccessibilité

Publié par le (13288 lectures)

couleurs daltoniens malvoyant contrastes

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 ?