MEXTY.AI Logo
← Retour aux profils

Learner profile

Designing for Learners with Color Blindness

Faites en sorte que chaque couleur compte. Ce guide aide les pédagogues et designers à garantir que visuels, icônes et interfaces restent compréhensibles pour les personnes ayant une vision des couleurs altérée.

Prompt clé : “Check and fix color contrast for accessibility; replace color-only distinctions with icons or labels; apply color-blind–safe palette.”

Quick Wins (Start Here)

Stabilisez vos parcours en appliquant ces actions immédiates :

  • Vérifier et corriger les contrastes (≥ 4.5:1 pour le texte).
  • Ne jamais s’appuyer uniquement sur la couleur pour signifier une information.
  • Utiliser des palettes sûres pour le daltonisme et des dégradés à fort contraste.
  • Ajouter motifs, icônes ou contours pour différencier les éléments visuels.
  • Tester les visuels en niveaux de gris ou via un simulateur de daltonisme.

Core Strategies & Prompts

1) Accessible Contrast

Respectez un contraste de 4.5:1 pour le texte et 3:1 pour les grands éléments graphiques. Utilisez l’outil de mesure intégré de Mexty.

Prompt : Audit this page for contrast accessibility and fix any elements below WCAG 2.1 AA ratio.

2) Dual Coding: Color + Symbol

Associez toujours la couleur à une icône, une forme ou un motif. Exemples : ✅ succès, ⚠️ alerte, ❌ erreur.

Prompt : Replace color-only signals with icons or patterns for accessibility.

3) Color-Blind–Friendly Palettes

Préférez les palettes compatibles Deuteranopie/Protanopie, avec des bleus, oranges et violets contrastés. Limitez les couples rouge/vert.

Prompt : Apply a color-blind–safe palette that maintains clarity for Deuteranopia and Protanopia users.

4) Distinguishable Data Visuals

Ajoutez des labels directs, textures ou formes dans les graphiques pour éviter de dépendre d’une légende colorée.

Prompt : Add direct labels and patterns to graphs so they are readable without color.

5) Test & Preview in Simulation Mode

Avant la mise en ligne, visualisez vos écrans en niveaux de gris ou via les simulations Deuteranopie, Protanopie, Tritanopie.

Prompt : Simulate this course under Deuteranopia, Protanopia, and Tritanopia color profiles and adjust any unreadable visuals.

6) Clear Text & Backgrounds

Évitez les textes colorés sur des fonds complexes. Utilisez des aplats neutres pour garantir la lisibilité partout.

Prompt : Simplify background and ensure text remains readable over all sections.

Recommended Mexty Blocks

  • Contrast Checker Block — audit automatique
  • Color-Safe Palette Block — couleurs testées
  • Icon + Color Indicator Block — symboles + couleurs
  • Pattern Overlay Block — motifs différenciateurs
  • Accessibility Preview Block — simulation daltonisme

Prompt : Insert Contrast Checker and Icon Indicator Blocks; apply color-blind–safe palette and run preview simulation.

♿ Accessibility & Compliance

  • WCAG 2.1 AA & EN 301 549 pour contrastes et signaux non-colorés
  • Conformité FERPA / COPPA pour la protection des données
  • ISO 27001 / GDPR pour la sécurité de traitement visuel

Prompt : Verify this module meets WCAG 2.1 AA standards for color use and non-color communication.

Measure What Matters

Configurez vos KPIs d’accessibilité visuelle :

  • Corrections de contraste par module
  • Taux d’adoption des indicateurs visuels (icônes, motifs)
  • Rapports d’accessibilité des graphiques validés
  • Feedback utilisateurs sur la lisibilité

Prompt : Generate an accessibility report showing contrast fixes and icon substitution frequency.

Brand Notes — Mexty Palette

Utilisez des contrastes élevés, des gradients sûrs et vérifiez chaque teinte en mode simulation.

Blue — interactions et confiance#2D7BFF
Purple — focus et flux d’apprentissage#6A4CFF
Orange — attention et CTA#FF8A2D
Pink — accents et émotion#FF4FB3
Off-white — base neutre contrastée#F7F9FC

Prompt : Apply Mexty’s color palette ensuring all hues pass color-blind accessibility checks.

One-Click Template

“Adapt this course for learners with color blindness: check and fix all color contrast ratios; replace color-only cues with icons or patterns; apply a color-blind–safe palette (blue, purple, orange); add textures or outlines to visuals; simulate under Deuteranopia and Protanopia filters; and ensure WCAG 2.1/EN 301 549 compliance.”

Prêt·e à lancer une version accessible ?

Ouvrez votre workspace Mexty et collez l’un des prompts ci-dessus pour produire instantanément une expérience visuelle inclusive, testée pour le daltonisme.

Ouvrir le workspace Mexty

Compliance

Your data equals your control
Your data = your control
We never sell your data — you can delete your account anytime.
Private by default
Private by default
Your projects are visible only to you, unless you share them.
No AI training on your content
No AI training on your content
We don’t use your prompts or generated content to train AI models.
Delete anytime
Delete anytime
Remove projects and permanently erase personal data whenever you wish.

© 2025 MEXT. All rights reserved.

|||||||||||