Simulateur d'Accessibilité des Couleurs

Testez vos palettes de couleurs pour différentes déficiences visuelles et vérifiez leur conformité aux normes WCAG d'accessibilité.

Bleu #3366CC

Simulations:

Protanopie

Deutéranopie

Tritanopie

Conformité WCAG:

AA - Texte: ✓ AAA - Texte: ✗

Contraste avec blanc: 4.7:1

Contraste avec noir: 5.8:1

Suggestion:

Pour AAA, essayez #1a4fa8 pour un meilleur contraste.

Orange #FF9900

Simulations:

Protanopie

Deutéranopie

Tritanopie

Conformité WCAG:

AA - Texte: ✗ AAA - Texte: ✗

Contraste avec blanc: 1.8:1

Contraste avec noir: 11.6:1

Suggestion:

Pour AA avec texte blanc, essayez #cc7a00.

Vert #66CC33

Simulations:

Protanopie

Deutéranopie

Tritanopie

Conformité WCAG:

AA - Texte: ✗ AAA - Texte: ✗

Contraste avec blanc: 1.9:1

Contraste avec noir: 11.1:1

Suggestion:

Pour AA avec texte blanc, essayez #4d9926.

Impact des déficiences visuelles sur cette palette

Deutéranopie et Protanopie: Le bleu et le vert peuvent être difficiles à distinguer. L'orange apparaît plus jaunâtre.

Tritanopie: Le bleu peut apparaître plus verdâtre, et l'orange plus rougeâtre.

Recommandation: Augmenter les contrastes et éviter de combiner bleu et vert pour transmettre des informations importantes.

Sélectionnez vos couleurs

Aperçu et résultats

Texte d'exemple

Protanopie

Texte d'exemple

Deutéranopie

Texte d'exemple

Tritanopie

Texte d'exemple

Achromatopsie

Texte d'exemple

Résultats d'accessibilité

Ratio de contraste: 21:1

AA Texte normal: ✓ AA Texte large: ✓
AAA Texte normal: ✓ AAA Texte large: ✓

Générateur de palette accessible

Palette générée

Cliquez sur "Générer une palette accessible" pour créer une palette de couleurs

À propos de l'accessibilité des couleurs

Déficiences visuelles

  • Protanopie

    Absence ou déficience des cônes rouges. Difficulté à distinguer le rouge du vert et certaines nuances de bleu.

  • Deutéranopie

    Absence ou déficience des cônes verts. Difficulté similaire à distinguer le rouge du vert.

  • Tritanopie

    Absence ou déficience des cônes bleus. Difficulté à distinguer le bleu du jaune et certaines nuances de rose.

  • Achromatopsie

    Vision totalement en noir et blanc. Très rare, mais importante à considérer pour une accessibilité maximale.

Normes WCAG

Niveau AA

Ratio de contraste minimum:

  • 4.5:1 pour le texte normal
  • 3:1 pour le texte large (18pt ou 14pt gras)

Niveau AAA

Ratio de contraste minimum:

  • 7:1 pour le texte normal
  • 4.5:1 pour le texte large (18pt ou 14pt gras)

Conseils pour une meilleure accessibilité

  • Ne pas utiliser uniquement la couleur pour transmettre une information
  • Ajouter des motifs, icônes ou textes pour renforcer le message
  • Tester vos designs avec des simulateurs de déficiences visuelles
  • Viser le niveau AAA pour une accessibilité optimale