Design: Verifier la compatibilité des couleurs de votre blog ou site web avec des outils gratuits

Faire en sorte que vous choisissez les couleurs pour un dessin ou modèle est très important pour des raisons de lisibilité. En outre, en veillant à ce que les couleurs que vous choisissez sont consultables par les personnes à vision deficiente telles que  la cécité est une bonne pratique à suivre lors de la réflexion sur l’accessibilité des sites web.

Dans cet article, vous allez lire un excellent logiciel gratuit permettant de vérifier si les couleurs que vous utilisez sont compatibles avec le  contraste, la luminosité, la lisibilité et l’accessibilité .

Traduit de SOURCE/ 14  Outils pour l’évaluation de votre conception de la couleur

1. Check My Colours

Check My Colours est un outil Web pour le contrôle de votre site Web avant-plan et couleurs de fond. Il va vérifier tous les éléments de la page web  basée sur le W3C’s WCAG recommandé luminosité de contraste et de luminosité de la couleur. Il est facile à utiliser: il suffit de coller votre URL de page Web, appuyez sur « Check », et il affiche une belle liste sous forme de tableaux de tous les éléments.

2. Color Oracle

Color Oracle est un outil de bureau disponible pour Mac, Windows, Linux et les systèmes d’exploitation: il simule la vision des couleurs en fonction des lacunes. Les créateurs de l’outil ont aussi un design Conseils section Notez que Windows et Linux, les utilisateurs ont besoin de Java 6.

3. Colour Contrast Visualiser

Cet outil est un logiciel Adobe AIR application de bureau pour visualiser les combinaisons de couleurs appropriées. C’est un merveilleux outil pour choisir la palette de couleurs de votre site Web. Si vous êtes préoccupé par l’accessibilité du web, ce serait une bonne idée d’avoir  cet outil au cours de la phase de conception de vos projets.

4. Accessibility Color Wheel

Cet outil est un moyen pratique d’expérimenter avec différentes combinaisons de couleurs: il vous aide à envisager rapidement quel regime de couleur utiliser. Afin de tester et de régler la couleur de votre choix, il suffit de déplacer votre souris autour de la roue des couleurs et à choisir pour des raisons de lisibilité. Au bas de l’outil de la page Web, vous verrez des simulations pour des difficultés de daltonisme.

5. GrayBit

Une façon de vérifier si un modèle a suffisamment de contraste de couleur est de convertir en niveaux de gris et de voir quelles parties sont difficiles à lire. Utilisez GrayBit pour convertir une page Web en niveaux de gris, il va même convertir les images de cette page. C’est un excellent outil de visualisation pour la conception de sites Web .

6. Vischeck

Vischeck simule ce que voit les personnes qui sont daltonienne. Il a plusieurs options pour l’utilisation: vous pouvez l’utiliser sur une page Web, télécharger un fichier image (comme une maquette de conception), ou de télécharger un plugin Photoshop pour les essais. Vischeck la page d’exemple explique clairement comment l’outil fonctionne avec des démonstrations pour mettre en évidence ce qu’il évalue.

7. Luminosity Contrast Ratio Analyser

Cet outil basé sur le bureau par la Web Accessibility Tools Consortium (WAT-C) est destiné au contrôle de combinaisons de couleurs afin de déterminer si elles offrent une visibilité satisfaisante de couleur. Cette application nécessite le système d’exploitation Windows, et il a uniquement été testé sur 2000 et XP.

8. Sim Daltonism

Sim daltonisme est un simulateur de vision pour le Mac OS X. Cet outil vous permet de simuler l’un des huit soutenu couleur des conditions telles que la cécité Monochromacy et protanopie (a condition dichromat). S’il vous plaît noter que Sim daltonisme nécessite Mac OS X 10.2.8 (ou version ultérieure).

9. Colour Contrast Analyser

Cet add-on Firefox développé par Juicy Studio vous permet de bien examiner les couleurs du texte des noeuds DOM sur des pages Web. C’est un formidable outil à ajouter à votre flux de travail de développement pour tester votre travail. Il est également interessant pour le contrôle de la couleur de contraste d’autres sites Internet.

10. Color Laboratory

Ce simple outil web vous permet de découvrir les combinaisons de couleurs et la façon dont ils pourraient ressembler à une personne atteinte de cécité. Couleur de laboratoire est très facile à utiliser et ne nécessite que trois étapes de base, qui sont toutes exposées dans leur guide de démarrage rapide.

11. AccessColor

AccessColor est un outil qui vérifie la couleur de contraste et la luminosité de la couleur de premier plan du texte à la couleur de fond. Vous collez simplement votre adresse Web , à vous de  choisir si vous voulez voir seulement les erreurs ou d’un rapport complet, appuyez sur « Check » et il affiche un beau tableau des résultats.

12. Colour Contrast Analyser

Cette application de bureau (pour Windows XP et Vista) est conçu pour l’examen de votre plan et la couleur de fond des combinaisons de couleur de contraste et de luminosité. Il ya un guide de l’utilisateur sur le site afin de vous aider à démarrer rapidement avec lui, ainsi que des téléchargements disponibles dans plusieurs langues.

13. Color contrast verification tool

Hewlett-Packard propose  un simple outil web sur leur site pour évaluer les caractéristiques de contraste entre deux couleurs. Vous pouvez utiliser la valeur RGB de vos couleurs ainsi que les intrants et extrants de  luminosité et différence de couleur de vos valeurs, de même que si la combinaison est conforme aux recommandations W3C/WCAG.

14. Luminosity Colour Contrast Ratio Analyser

Juicy Studio dispose d’un formidable outil pour l’analyse de fond et couleur de contraste. Tout ce que vous avez à faire est la clé de votre couleur de fond et des valeurs en hexadécimal (pour exemple, un fond blanc est # ffffff), et il sera par la suite vous dire si la combinaison passe contraste recommandations WCAG 2.0.