Il ne vous a pas échappé que , niveau accessibilité , il est important d’avoir un contraste de couleur approprié (normalement le ratio est de 5:1) . Mais vous ne voulez pas d’un site classique écriture noire sur fond blanc ou l’inverse. Puis votre site paraît moins dynamique si vous vous contentez d’une couleur?

Mais vous ne savez pas comment choisir. Vous avez une idée d’une couleur de base?

Bonne nouvelle ! Il existe des sites pour cela .

Je vais vous en lister quelques un :

Contrast finder :

 

Ici , il vous faut avoir l’idée de la couleur du fond et de la couleur du texte. Ensuite , vous choisissez la couleur à modifier. Vous avez le choix : des couleurs proches de votre couleurs initiales ou toute une palette. Et une fois que vous avez cliquer sur le bouton ,vous avez des exemples de textes sur des fonds.

Ici , vous voyez contraste valide. C’est quand vous avez trouvez une trés bonne combinaison. Et le logiciel vous félicite.

Pour trouver le bon contraste, j’ai du faire 3 essais. C’est la moyenne en général.

Ce que j’ai aimé dans ce logiciel c’est sa facilité d’utilisation.

Contrast ratio:

Ici ,vous voyez le contraste et le score en direct. En effet, les arrières plans se modifient au fur et à mesure que vous rentrez les valeurs d’un coté ou de l’autre. Et au milieu, vous avez le score.

Ce logiciel est simple d’utilisation .

Cependant, les explications sur le score devrait être plus explicite (on nous parle de AA et AAA).

Accesible colors


Celui-ci est tout simple. Vous rentrez juste les codes hexadécimaux de vous couleurs.

Si le ration ne passe pas c’est rouge, sinon c’est vert.

Et ,comme vous pouvez le voir, si ça ne passe pas , il vous propose d’autres couleurs.

Voilà pour ma sélection . Bien sûr, il en existe bien d’autres que vous trouverez sur internet. J’ai opté pour les plus faciles d’utilisation.

Et vous , lesquels utilisez-vous?

Et si je veux récupérer la couleur d’un site?

Pour récupérer la couleur d’un site, vous avez de nombreux outils. Pour ma part, comme j’utilise chrome comme navigateur ,j’utilise une extension. Elle s’appelle ColorPicker EyeDropper. Pour la télécharger aller sur les paramétres de votre navigateur, plus d’outils, extensions. Tapez ColorPicker EyeDropper dans la barre de recherche. Ensuite ,vous l’installez. N’oubliez pas de l’épingler pour l’avoir toujours sur la main.

Et ensuite?

Vous n’avez plus qu’à vous rendre sur le site internet qui vous a tapé dans l’œil. Vous cliquez sur l’icône de l’extension ,et une croix apparaît. Vous sélectionnez la couleur que vous voulez sur le site et vous pouvez ainsi récupérer le code hexadécimal de la couleur.

Et voilà.