Simulateur de daltonisme

Voyez comment les couleurs apparaissent aux personnes souffrant de différents types de déficience de la vision des couleurs. Environ 8% des hommes et 0,5% des femmes ont une forme de daltonisme.

#

À propos de la déficience de la vision des couleurs

Daltonisme rouge-vert

Le type le plus courant, affectant ~8% des hommes. Comprend la protanopie (pas de cônes rouges) et la deutéranopie (pas de cônes verts). Les personnes souffrant de ces conditions ont du mal à distinguer le rouge du vert.

Daltonisme bleu-jaune

La tritanopie affecte moins de 0,01% de la population. Les personnes souffrant de cette condition ont du mal à distinguer le bleu du jaune.

Conseils de design

Ne vous fiez pas uniquement à la couleur pour transmettre des informations. Utilisez des motifs, des étiquettes et un contraste suffisant. Testez vos designs avec ce simulateur pour garantir l'accessibilité.

Directives WCAG

WCAG 2.1 exige un ratio de contraste minimum de 4,5:1 pour le texte normal et de 3:1 pour le texte grand. Utilisez notre outil Vérificateur de contraste pour vérifier la conformité.

Ouvrir le Vérificateur de contraste →

Questions fréquemment posées

Color vision deficiency affects approximately 8% of males and 0.5% of females of Northern European descent — roughly 300 million people worldwide. The most common type is deuteranomaly (reduced green sensitivity, ~5% of males), followed by protanomaly (reduced red sensitivity, ~1%). Total color blindness (achromatopsia) is extremely rare, affecting about 1 in 33,000 people.
Deuteranopia and protanopia (red-green color blindness) should be your top priority since they affect the largest population — combined, roughly 7-8% of males. If your design passes accessibility checks for deuteranopia, it will typically work for protanopia too, as both affect the red-green perception axis. Always also test tritanopia for designs that rely heavily on blue-yellow distinctions.
Never use color as the only way to convey information. Supplement color with patterns, icons, labels, or underlines. For charts and graphs, use distinct shapes or textures alongside colors. Maintain sufficient contrast ratios (WCAG AA minimum 4.5:1 for text). Avoid problematic combinations like red/green, green/brown, blue/purple, and green/gray. Use this simulator to verify your designs look clear under all types.
Red-green color blindness (protanopia and deuteranopia) affects the long and medium wavelength cones, making reds and greens appear similar — often as brownish or yellowish tones. Blue-yellow color blindness (tritanopia) affects the short wavelength cones, making blues appear greenish and yellows appear pinkish. Red-green is far more common (8% of males) than blue-yellow (less than 0.01% of the population).
This tool simulates individual colors rather than full images. To test how an entire image or illustration appears under color blindness, you can check each key color from your design. For full-image simulation, browser extensions like ChromeLens or built-in developer tools in Chrome (Rendering panel > Emulate vision deficiencies) can simulate color blindness on entire web pages.

Articles associés