Comment valider la lisibilité des couleurs (contraste et déficiences visuelles)

Je te montre deux outils gratuits pour valider la lisibilité des couleurs dans tes créations digitales.

Au sommaire :
00:00 Introduction
00:12 Le calculateur de contraste
02:32 Valider pour les problèmes de vision

👉 L'article : https://www.pourpasunrond.fr/definir-...

👉 Ne manque aucun article ou vidéo : https://sendfox.com/lp/1vr46d

Le premier outil que je te montre, c'est le calculateur de contraste de l'APCA. Tu rentres la couleur de ton texte et de ton fond. Plus la valeur est proche de 100, meilleur sera ton contraste. En dessous, cela te donne l'usage. Je peux l'utiliser sur du texte. Tu vas pouvoir l'utiliser à certaines tailles. En taille 700, tu peux l'utiliser à 14 px. Par contre, en light (en 300), il faudra utiliser au minimum une écriture en 24 pixels pour que cela soit lisible. En normal, tu pourras rédiger des textes en 18 pixels. Un bleu très clair et un rose pastel donnent un contraste trop faible pour être lisible. Tu ne peux pas mettre ces couleurs qui seront trop complexes à lire. Le contraste est beaucoup plus fort dans cette version. À partir de 40, tu vas pouvoir l'utiliser dans tes icônes, dans tes décorations... C'est parfait pour la visibilité des textes assez gros par exemple en normal à partir de 21 pixels. Pour des grands textes, ton contraste doit être au maximum. Ici, à 71, c'est pas mal. En normal, il faut quand même écrire en 19 px. Tu peux ajuster tes couleurs. Un tout petit peu plus foncé pour la couleur de texte et éclaircir un peu le fond. Avec 94, les personnes vont pouvoir lire longtemps sur notre site sans vraiment se fatiguer. Il ne faut pas hésiter à passer à 100. Tu peux percevoir ton site comme absolument parfait avec des couleurs absolument subtiles et géniales. Tu as facilement 10 % de la population qui a des problèmes pour détecter les couleurs. Ce que tu penses parfait, certaines personnes n'arriveront pas à le distinguer. Je te propose de voir avec Coolors comment tu vas pouvoir valider ce point. Tu rentres tes couleurs. Tu vas en haut dans Color blindness. Sur le côté droit, tu as toutes les possibilités que peuvent rencontrer les personnes qui ont des difficultés à percevoir les couleurs. Les couleurs sont perçues différemment mais conservent quand même suffisamment de contraste pour que des personnes avec des difficultés arrivent à distinguer les éléments. Tu fais toutes les variations. Ces deux outils sont très utiles pour augmenter la lisibilité de ton site pour tous les publics. Si tu as aimé cette vidéo, n'hésite pas à la liker, à commenter et à t'abonner à la chaîne. Je te dis à bientôt.