Simulateur de daltonisme
Importez n’importe quelle image pour voir comment elle apparaît à une personne présentant différents types de déficit de la vision des couleurs. Tout le traitement se fait dans votre navigateur : votre image n’est jamais envoyée à un serveur.
Importez votre image
Filtre actif
Normale
Vision des couleurs standard
Vue simulée
Votre image simulée apparaîtra ici après l’importation.
À propos de ce simulateur de daltonisme
Comment ça marche
Ce simulateur utilise des matrices de transformation colorimétrique fondées sur les travaux de Machado, Oliveira et Fernandes (2009) pour convertir la couleur de chaque pixel telle qu’elle apparaîtrait à une personne présentant chaque type de déficit de la vision des couleurs. Tous les calculs sont effectués localement dans votre navigateur via l’API Canvas HTML5.
Qui utilise cet outil
Les designers et les développeurs s’en servent pour vérifier que leurs interfaces, infographies, graphiques ou supports marketing restent accessibles aux quelque 300 millions de personnes dans le monde vivant avec un déficit de la vision des couleurs. Il est particulièrement utile pour les tests de conformité aux règles d’accessibilité WCAG.
Protanopie
~1%
Cécité au rouge. Absence de cônes à grande longueur d’onde (L).
Deutéranopie
~1%
Cécité au vert. Absence de cônes à moyenne longueur d’onde (M).
Tritanopie
<0.01%
Cécité au bleu. Absence de cônes à courte longueur d’onde (S).
Achromatopsie
<0.003%
Daltonisme total. Perception uniquement en niveaux de gris.
À quoi sert un simulateur
Un simulateur de vision des couleurs est un instrument de conception, non de diagnostic. Vous lui donnez une image ; il renvoie une approximation des distinctions chromatiques qui survivent à une déficience donnée et de celles qui s’effondrent. La valeur est dans les effondrements. Si deux éléments de votre interface signifient des choses différentes et que la simulation les restitue de la même couleur, vous avez trouvé un défaut qui touche une part substantielle de votre public.
Il faut être précis sur ce que le résultat n’est pas. Ce n’est pas une fenêtre sur l’expérience subjective de quiconque. Une personne atteinte de deutéranomalie congénitale voit le monde ainsi depuis sa naissance ; sa perception des couleurs lui est parfaitement ordinaire, et elle surpasse souvent les trichromates dans certaines tâches de discrimination. Présenter une simulation comme « ce qu’ils voient » est inexact et, lorsque cela présente la condition comme une privation, peu utile.
Ce que la simulation dit réellement, c’est où votre conception dépend d’une information qu’une minorité substantielle de spectateurs ne reçoit pas. C’est un fait technique sur lequel on peut agir.
Le modèle derrière la transformation
Les simulateurs naïfs projettent l’image sur la droite des couleurs qu’un dichromate peut distinguer. Cela convient à la dichromatie, mais c’est faux pour la trichromatie anormale, bien plus fréquente, où le cône atteint existe avec une sensibilité spectrale décalée et où l’information chromatique est comprimée plutôt qu’éliminée.
Ce simulateur suit l’approche physiologique de Machado, Oliveira et Fernandes, qui modélise directement le décalage de sensibilité des cônes. Ce décalage étant un paramètre continu, le même modèle couvre toute l’étendue, de la vision normale à la dichromatie complète en passant par l’anomalie légère, au lieu de les traiter comme des cas sans lien.
Comprendre cette distinction change la façon de concevoir. La deutéranopie — cône de longueur d’onde moyenne absent — est le cas strict. La deutéranomalie — ce cône présent mais décalé — est le cas courant, touche bien plus de monde et produit des défaillances plus subtiles : des couleurs qui restent techniquement distinguables mais ne se séparent plus d’un coup d’œil dans un graphique dense ou un petit élément d’interface.
Bien exploiter le résultat
Chargez une image qui porte réellement du sens par la couleur : un tableau de bord, un graphique à légende colorée, une carte, un formulaire avec des états d’erreur rouges, un schéma de signalétique. Comparez chaque simulation à l’original et posez une seule question à chaque distinction codée par couleur : cela dit-il encore au spectateur ce qu’il doit savoir ?
Défaillances courantes à rechercher :
- Les indicateurs d’état rouges et verts qui deviennent la même teinte terne. C’est le défaut d’accessibilité le plus répandu dans les logiciels.
- Les palettes catégorielles de graphiques où des séries voisines fusionnent, en particulier les palettes qualitatives choisies pour leur variété esthétique plutôt que pour leur séparation perceptive.
- Les cartes de chaleur séquentielles passant par le rouge et le vert, qui perdent leur ordre.
- Les liens distingués du texte par la seule couleur, qui disparaissent entièrement.
- Les champs obligatoires et états d’erreur portés uniquement par une bordure rouge.
Le correctif n’est presque jamais « prendre d’autres couleurs ». C’est ajouter un second indice non chromatique : un libellé, une icône, une forme, un motif de remplissage, une position, un soulignement. La couleur devient alors un renfort du sens plutôt que son unique support — ce qu’exige le critère WCAG sur l’utilisation de la couleur.
Où la simulation cesse d’être fiable
La transformation s’applique aux valeurs sRGB de votre image : sa justesse est donc bornée par la fidélité avec laquelle votre écran restitue le sRGB et par le fait que l’image source ait ou non été créée dans cet espace. Les contenus à gamut étendu, le HDR et les flux fortement gérés en couleur déplaceront tous le résultat.
Le modèle décrit par ailleurs des déficiences congénitales. Une perte acquise de la vision des couleurs — glaucome, rétinopathie diabétique, atteinte du nerf optique, cataracte ou médicaments — se comporte souvent autrement, touche fréquemment les deux yeux inégalement et s’accompagne d’une baisse d’acuité ou de sensibilité au contraste qu’aucune transformation chromatique ne capture.
Enfin, rappelez-vous que la simulation n’est qu’un instrument parmi d’autres. Elle indique quelles teintes fusionnent ; elle ne dit rien de la lisibilité de votre texte faute de contraste de luminance suffisant. Associez-la au vérificateur de contraste.
Pour des repères plus larges, voyez concevoir pour le daltonisme et rendre les graphiques accessibles.
Des questions ?
Questions fréquemment posées
Tout ce que vous devez savoir sur les tests de daltonisme, leur fonctionnement et que faire avec vos résultats.
Est-ce vraiment ce que voient les personnes daltoniennes ?
Non, et aucun simulateur ne le peut. Une simulation restitue, sur votre écran à vision normale, une approximation de l'information qui survit à une déficience. Elle ne peut pas reproduire l'expérience subjective. Une personne née avec une déficience n'a jamais connu l'alternative : ses couleurs lui sont simplement normales, et elle ne perçoit pas son monde comme une version délavée du vôtre. Utilisez le résultat pour repérer où votre conception perd de l'information, non pour imaginer l'expérience d'autrui.
Quel modèle la simulation utilise-t-elle ?
Elle suit l'approche physiologique décrite par Machado, Oliveira et Fernandes, qui modélise le décalage de sensibilité spectrale du cône atteint au lieu de simplement projeter les couleurs sur une droite. Cette distinction compte pour la trichromatie anormale — protanomalie et deutéranomalie — où le cône existe mais est décalé et où la sévérité varie de façon continue.
Pourquoi dichromatie et trichromatie anormale sont-elles si différentes ?
Parce que ce sont des conditions distinctes. Dans la dichromatie, une classe de cônes est absente : l'information chromatique de cet axe disparaît réellement et la simulation l'effondre. Dans la trichromatie anormale, le cône existe avec un pic décalé : l'information est comprimée et non perdue. La trichromatie anormale est bien plus fréquente, si bien que concevoir uniquement contre la simulation dichromatique surestime le problème par endroits et le sous-estime ailleurs.
Mon graphique reste lisible dans la simulation. Est-ce terminé ?
Pas tout à fait. Une simulation vérifie si les teintes demeurent distinguables, mais pas les rapports de contraste, et elle ne détecte pas les cas où la couleur est le seul indice porteur de sens. Passez aussi le vérificateur de contraste et assurez-vous que chaque distinction codée par couleur dispose d'un second indice : libellé, motif, forme ou position.
Le simulateur envoie-t-il mon image ?
Non. La transformation s'exécute entièrement dans votre navigateur au moyen d'un élément canvas. L'image ne quitte jamais votre appareil et n'est jamais transmise à un serveur.
Contre quel type dois-je concevoir ?
Vérifiez d'abord la deutéranomalie, les déficiences deutan étant de loin les plus fréquentes, puis la deutéranopie comme cas le plus strict. Ajoutez la tritanopie si votre palette repose sur des distinctions bleu-jaune. Une conception qui survit à la deutéranopie et à la tritanopie avec son sens intact survivra généralement aux formes plus légères.
Vous avez encore des questions ? Contactez-nous →