Calcul du taux de contraste entre deux couleurs
Suggestions de couleurs
En accessibilité web, il est essentiel de vérifier le taux de contraste entre deux couleurs pour s’assurer que le contenu est lisible pour tous les utilisateurs, y compris ceux avec des déficiences visuelles. Il est généralement difficile de lire un texte écrit en jaune clair sur une feuille blanche.
Pour répondre aux normes d’accessibilité WCAG (Web Content Accessibility Guidelines), il existe des exigences spécifiques en termes de contraste pour le texte selon sa taille et son niveau d’accessibilité :
WCAG AA
- Texte normal : contraste minimum de 4.5:1
- Texte large (minimum 18px en texte normal ou 14px en gras) : contraste minimum de 3:1
WCAG AAA
- Texte normal : contraste minimum de 7:1
- Texte large : contraste minimum de 4.5:1
Le taux de contraste entre les deux couleurs est calculé en respectant les recommandations des normes WCAG. Les deux couleurs doivent être saisies au format hexadécimal.
Exemple : #FFFFFF pour le blanc, #000000 pour le noir, #FF0000 pour le rouge, #0000FF pour le bleu, #00FF00 pour le vert.
L’affichage indique si le taux de contraste entre deux couleurs respecte les normes d’accessibilité WCAG AA et AAA pour le texte normal et le texte large, facilitant ainsi le choix des couleurs conformes à l’accessibilité.