Simulateur de daltonisme — appliquez une vision CVD à vos images

Un simulateur de daltonisme répond à la question que les tests de dépistage ne peuvent pas poser : à quoi ressemble mon travail pour des lecteurs dont la vision diffère de la mienne ? Déposez n'importe quel JPG, PNG ou WebP — un tableau de bord, une palette de marque, une photo de famille — et ce simulateur de daltonisme le fait passer par les modèles protanopie, deutéranopie et tritanopie en temps réel. Le simulateur de daltonisme n'a qu'un métier : vous montrer l'écart entre vos couleurs et celles des autres. Chaque pixel est traité localement dans votre navigateur ; l'image ne quitte jamais votre appareil.

Sous le capot, le simulateur de daltonisme applique les matrices de sévérité 1.0 de Machado, Oliveira & Fernandes (2009) en RGB linéaire — le modèle derrière la plupart des vérificateurs d'accessibilité professionnels. Chaque mode retransforme les pixels de votre image ORIGINALE, jamais les pixels déjà simulés : passer de la deutéranopie à la tritanopie ne cumule donc aucune erreur. L'implémentation est embarquée depuis le projet dichroma sous licence MIT, licence conservée : le simulateur de daltonisme que vous utilisez ici est auditable ligne par ligne.

Les trois modes du simulateur de daltonisme

La protanopie modélise l'absence d'entrée du cône de grande longueur d'onde (L) — les rouges s'assombrissent vers le brun ou le noir et l'effondrement rouge-vert classique s'ensuit. La deutéranopie modélise l'absence d'entrée du cône de longueur moyenne (M) — la différence héréditaire la plus courante, où verts, rouges et bruns se chevauchent. La tritanopie modélise l'absence d'entrée du cône de courte longueur d'onde (S) — rare, et le monde bleu-jaune où les turquoises rejoignent les roses. Une transformation typique de population par mode : une approximation honnête, pas la vue exacte d'un individu.

Local par architecture

Le simulateur de daltonisme lit votre fichier avec les propres API du navigateur, le dessine dans un canevas intégré à la page et transforme les pixels en JavaScript. Il n'existe aucun point de terminaison d'envoi où le faire partir — vous pouvez regarder l'onglet réseau rester vide. Voilà pourquoi l'outil fonctionne aussi hors ligne une fois la page chargée, et pourquoi il n'y a rien à mettre dans une politique de confidentialité au-delà de « rien n'est collecté ».

• Les designers et équipes produit qui vérifient que états d'erreur, graphiques et liens survivent à l'effondrement rouge-vert — l'habitude compatible WCAG.
• Les développeurs qui valident leurs visualisations de données : une palette qui échoue pour 8 % des lecteurs hommes, c'est un bug, pas un style.
• Les enseignants qui préparent des supports de classe codés couleur lisibles par chaque élève, quelle que soit sa vision.
• Les photographes et marketeurs qui prévisualisent l'effet des couleurs de marque sur tous les publics — une passe de simulateur de daltonisme avant le lancement d'une campagne.
• Les proches curieux des personnes déficientes en couleurs — le simulateur de daltonisme reste l'outil d'empathie le plus rapide jamais livré dans un onglet de navigateur.

Un simulateur de daltonisme montre comment les images changent sous une vision modélisée ; un test de dépistage demande ce que VOUS voyez. Les deux sont complémentaires : les designers utilisent le simulateur sur leurs créations, les individus se servent des tests sur eux-mêmes. Si vous êtes arrivé ici en vous interrogeant sur votre propre vue, passez d'abord le test daltonisme, puis revenez regarder ces planches à travers chaque mode simulé — le couple explique plus que chaque outil seul. L'expérience du test inversé de daltonisme de ce site est bâtie sur le même moteur.

• 1Testez les artefacts où la couleur porte du sens : couleurs d'état, graphiques, cartes, formulaires, interfaces de jeu.
• 2Vérifiez aussi les couples texte-sur-fond — le simulateur de daltonisme s'applique à tout ce qui se trouve dans l'image, pas seulement aux graphiques.
• 3Corrigez en ajoutant de la redondance : étiquettes, motifs, icônes ou écarts de luminance, puis re-simulez.
• 4Téléchargez le PNG simulé et regardez-le à côté de l'original — une comparaison côte à côte révèle ce que le basculement rapide de modes dans le simulateur de daltonisme masque.