Contraste et couleurs

Un texte peu contrasté est illisible pour les personnes malvoyantes, en situation de fatigue ou en plein soleil sur un smartphone. Les règles de contraste protègent tout le monde.

Les seuils à respecter

Texte normal : ratio de contraste minimum 4.5:1 entre le texte et le fond
Grand texte (≥18 points ou 14 points gras) : ratio minimum 3:1
Composants interactifs (boutons, champs) : ratio minimum 3:1 sur leur contour

Des outils comme le plugin Stark dans Figma ou l’outil Color Contrast Analyzer vérifient automatiquement ces ratios.

Ne jamais s’appuyer sur la couleur seule

Une information portée uniquement par la couleur est invisible pour les personnes daltoniennes (8% des hommes, 0.5% des femmes).

❌ “Les rendez-vous en rouge sont annulés”
✅ “Les rendez-vous avec une croix (❌) ou écrits en rouge sont annulés”

Dans vos fiches

Évitez de mettre du texte important dans des images colorées. Le contraste dépend alors de l’image et non de la plateforme, qui ne peut plus garantir la lisibilité.

Pour aller plus loin

Besoin d’aide ? Contactez l’équipe DirectProSanté 77 : contact@directprosante.fr