Tous les Outils
ToolsAAWCAG Accessibility

Guide du Simulateur de Daltonisme et Accessibilité WCAG

Simulez la protanopie, la deutéranopie, la tritanopie et l'achromatopsie en temps réel grâce aux filtres matriciels SVG dans votre navigateur.

Choisir le Type de Déficience
UI

Interactive Checkout Card

Verifying state indicators & badges

Active Status
Payment verification required for this transaction.
Warning: Delivery to this region may incur additional duties.
Free shipping threshold achieved for this order.

Machado & Brettel Matrices

Employs peer-reviewed colorimetric transformation matrices to accurately map LMS cone sensitivity deficiencies.

Full WCAG 2.1 Conformance

Helps designers and QA engineers verify that contrast levels remain readable (4.5:1 ratio) across all color vision variants.

100% In-Browser Rendering

Every pixel is computed locally by your GPU and SVG rasterizer. Uploaded design mockups never leave your local device.

Référence technique et guide d'architecture

Guide du Simulateur de Daltonisme et Accessibilité WCAG — Guide de référence

Simulez la protanopie, la deutéranopie, la tritanopie et l'achromatopsie en temps réel grâce aux filtres matriciels SVG dans votre navigateur.

Paramètres clés et contrôles

Type de DéficienceProtanopie | Deutéranopie | Tritanopie | Achromatopsie

Modèle colorimétrique simulé via les matrices SVG feColorMatrix.

Degré de Sévérité0% à 100%

Intensité de la déficience, de l'anomalie légère à l'absence totale de cônes.

Image SourceFichier | Démo UI

Média graphique traité en direct dans le navigateur.

Contraste Requis WCAG4.5:1 (AA) | 7:1 (AAA)

Ratio minimal de contraste conforme aux règles d'accessibilité.

Conseils de pro et bonnes practices

Pièges courants et dépannage

Utilisez une image source haute résolution pour un export fidèle.

Vérifiez que votre navigateur prend en charge les filtres SVG standards.

Foire aux questions (FAQ)

Les matrices sont-elles scientifiquement validées ?▼

Oui, elles s'appuient sur les modèles colorimétriques de Brettel et Machado.

Mes maquettes restent-elles confidentielles ?▼

Totalement. Aucun octet n'est envoyé sur un serveur tiers.

Qu'est-ce que la tritanopie ?▼

Une déficience rare des cônes bleus perturbant la distinction bleu/jaune.

Comment valider l'accessibilité RGAA / WCAG ?▼

En vérifiant que le ratio de contraste reste supérieur à 4,5:1 pour tous les modes.

Outils et utilitaires connexes

Tous les outils →
Guide du Générateur SVG vers CSS Background-Imagedesign

Encodez, optimisez et convertissez du code SVG en propriétés CSS background-image, mask-image et Data URI directement dans votre navigateur.

Ouvrir l'outil→
Guide Technique du Protocole Open Graph & Social Cardsdesign

Guide technique pour maîtriser les balises méta Open Graph, les cartes Twitter/X et l'optimisation des visuels de partage social.

Ouvrir l'outil→
Générateur de dégradés CSS interactifdesign

Créateur visuel de dégradés CSS avec points d'arrêt, angles, formes radiales, palettes prédéfinies et export CSS en un clic.

Ouvrir l'outil→
Nettoyeur et minificateur interactif de code SVGdesign

Nettoyez, minifiez et supprimez les métadonnées des graphiques SVG dans le navigateur pour réduire drastiquement la taille du fichier.

Ouvrir l'outil→
Extracteur de palette de couleurs et vérificateur de contrastedesign

Vérificateur de contraste de couleurs accessible WCAG 2.1 et générateur de palettes harmonieuses.

Ouvrir l'outil→
Générateur CSS de Glassmorphismedesign

Créateur moderne d'effet de verre dépoli avec flou d'arrière-plan, transparence et bordures.

Ouvrir l'outil→