Simulateur de daltonisme

Voyez votre image à travers les yeux d'une personne ayant un trouble de la vision des couleurs. Choisissez le type, prévisualisez et téléchargez. Tout s'exécute dans votre navigateur.

Comment fonctionne Simulateur de daltonisme

Simulateur de daltonisme applique des matrices de transformation de couleur à votre image pour montrer comment elle apparaît aux personnes atteintes de protanopie (cécité au rouge), deutéranopie (cécité au vert), tritanopie (cécité au bleu) ou achromatopsie (daltonisme total). Les matrices sont appliquées pixel par pixel en utilisant Canvas.getImageData() et Canvas.putImageData() dans votre navigateur. Aucune donnée d'image n'est transmise à un serveur.

Les simulations sont basées sur des modèles perceptuels publiés dérivés d'études sur les déficiences de la vision des couleurs. Ce sont des approximations de la façon dont le système visuel d'une personne concernée traite la couleur, pas des reproductions exactes de l'expérience individuelle, qui varie. L'outil est conçu pour aider les designers et développeurs à identifier les problèmes de contraste ou de codage par couleur qui affecteraient une part significative de leur public : environ 8 % des hommes et 0,5 % des femmes ont une forme de déficience de la vision des couleurs.

Rédigé par Bastien Sulyan

Comment utiliser Simulateur de daltonisme, étape par étape

Déposez votre image sur la zone de chargement ou cliquez pour parcourir.
Sélectionnez un type de déficience de la vision des couleurs dans le menu : protanopie, deutéranopie, tritanopie ou achromatopsie.
Visualisez le résultat simulé côte à côte avec l'original dans le panneau de comparaison.
Basculez entre les types de simulation pour comparer comment chaque condition affecte l'image.
Utilisez la vue côte à côte pour identifier les zones où la couleur seule véhicule des informations qui pourraient être perdues.

Cas d'utilisation courants

Un designer UI vérifie si un indicateur de statut rouge-vert est distinguable pour les utilisateurs atteints de deutéranopie avant de livrer une fonctionnalité.
Un auteur de visualisation de données vérifie qu'un graphique multi-courbes avec des séries codées par couleur reste lisible dans la simulation de protanopie.
Un designer de marque évalue comment un logo aux couleurs en dégradé se lit sous l'achromatopsie pour s'assurer qu'il conserve une forme et un contraste reconnaissables.
Un développeur de jeux teste si les zones de carte codées par couleur sont distinguables pour les joueurs atteints de tritanopie et ajoute des remplissages à motifs pour compléter le codage par couleur.

Questions fréquentes

Quelle est la précision des simulations de daltonisme ?

Les simulations appliquent des matrices de transformation perceptuelle dérivées de recherches publiées sur les déficiences de la vision des couleurs. Ce sont des approximations scientifiquement fondées des cas typiques de chaque condition. L'expérience individuelle varie : la sévérité diffère entre les personnes ayant le même diagnostic, et la simulation ne peut pas tenir compte des stratégies compensatoires que certains utilisateurs développent. Traitez la sortie comme un indicateur utile, pas comme un test définitif.

L'outil couvre-t-il tous les types de daltonisme ?

Les quatre types couverts sont les formes les plus courantes de déficience de la vision des couleurs et le daltonisme total. Les types de trichromatisme anormal (protanomalie, deutéranomalie, tritanomalie), qui représentent des déficiences partielles, ne sont pas modélisés séparément dans la version actuelle.

Mon image est-elle analysée sur un serveur pour produire la simulation ?

Non. La transformation matricielle de couleur est calculée localement en utilisant Canvas.getImageData() pour lire le tableau de pixels et Canvas.putImageData() pour écrire le résultat. Tout le traitement se passe dans l'onglet du navigateur et les données d'image restent sur votre appareil.

Puis-je utiliser cet outil pour vérifier les ratios de contraste des couleurs ?

Cet outil montre comment les couleurs apparaissent aux personnes ayant des déficiences de la vision des couleurs mais ne calcule pas les ratios de contraste WCAG numériquement. Pour une vérification numérique du contraste, utilisez l'outil Convertisseur de couleur, qui inclut un vérificateur de contraste WCAG.

L'outil fonctionne-t-il avec des images contenant du texte ?

Oui. La transformation est appliquée à l'ensemble du tableau de pixels, y compris tout texte rendu dans l'image. Cela vous permet de vérifier si la couleur du texte sur son fond reste lisible dans chaque condition simulée.

Outils liés

Tout reste local, explorez des outils complémentaires.

Tous les outils image