Sélection
Aperçu de la couleur
#3B82F6
Codes Couleur
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Contraste
Sur blanc
3.68:1Sur noir
5.71:1Variations
Dossier Accessibilité & WCAG
Accessibilité Web Numérique & Ratios de Contraste (WCAG 2.1)
Le choix chromatique dans l'ingénierie front-end dépasse l'esthétisme pur (UI Design). Il s'inscrit dans un cadre légal et normatif d'accessibilité numérique (RGAA en France, ADA aux États-Unis). Le ratio de contraste cognitif dicté par les Web Content Accessibility Guidelines (WCAG) du W3C garantit que l'information reste lisible pour les personnes malvoyantes, achromatopes ou évoluant dans des conditions de luminosité dégradées (éblouissement mobile).
Les Standards de Conformité W3C
L'algorithme évalue la luminance relative entre le texte (foreground) et le fond (background) :
- Niveau AA (Obligation Légale) : Exige un ratio strict de 4.5:1 pour un texte standard (corps de texte < 18pt ou 14pt gras), et de 3.0:1 pour les composants d'interface interactifs et le texte large. C'est la norme juridique opposable pour tout grand compte public ou privé (décret de 2019).
- Niveau AAA (Excellence) : Impose un ratio sévère de 7.0:1 pour le texte normal et 4.5:1 pour le texte large. Fréquemment exigé pour les organes vitaux de l'état (Sécurité sociale, Impôts).
L'Impact Indirect sur le SEO (Pogo-Sticking)
- La pénalité de friction : Un designer choisissant un gris hexadécimal
#888888sur un fond blanc court à la catastrophe UX. Le texte s'efface sur les dalles LCD bas de gamme ou au soleil. - Le "Pogo-Sticking" par l'IA : Confronté à cet effort cognitif de lecture insupportable, le visiteur presse immédiatement "Retour" sur son navigateur. Les algorithmes de moteur de recherche (RankBrain) détectent ce temps de session nul (Dwell time) comme un signal de "basse qualité perçue", rétrogradant immédiatement l'URL dans l'indexation.
