Vérifiez l'accessibilité des couleurs de texte et d'arrière-plan selon les ratios AA/AAA.
La vérification du ratio de contraste colorimétrique est une exigence légale et éthique fondamentale de l'accessibilité numérique régie par les directives internationales WCAG 2.1 (Web Content Accessibility Guidelines) du W3C et les référentiels publics comme le RGAA. Elle garantit que les textes, boutons interactifs et icônes d'interface utilisateur demeurent parfaitement lisibles pour les personnes présentant des déficiences visuelles (daltonisme, presバイtie, basse vision) ainsi que dans des conditions de forte luminosité ambiante sur écran mobile.
Une équipe d'ergonomie digitale audite la charte graphique d'un bouton d'action principal configuré avec un texte bleu clair #38BDF8 affiché sur un arrière-plan blanc pur #FFFFFF. En renseignant ces deux valeurs hexadécimales dans l'outil, le moteur calcule la luminance relative exacte des deux couleurs selon la formule photométrique normalisée et dégage un ratio de contraste insuffisant de 1,67:1, signalant un échec complet aux critères de niveau AA et AAA. En exploitant l'algorithme d'ajustement accessible intégré, le designer assombrit la nuance de texte vers un bleu profond #0369A1. Le nouveau ratio atteint 5,14:1, franchissant avec succès le seuil réglementaire minimal de 4,5:1 exigé pour le texte normal au niveau AA. Pour un texte en gras de grande taille (plus de 18 pt), le ratio dépasse largement le palier allégé de 3,0:1.
Le calculateur propose une matrice de conformité dynamique détaillée et simule en direct le rendu visuel pour différents types d'anomalies de la vision des couleurs (deutéranopie, protanopie, tritanopie).
Ratio de Contraste = (Luminance Claire + 0,05) / (Luminance Sombre + 0,05) | Échelle de 1:1 à 21:1
La luminance relative L de chaque couleur est calculée sur l'espace colorimétrique sRGB après correction gamma ; le ratio oppose la couleur la plus lumineuse à la plus sombre en ajoutant une constante de 0,05.