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 dépasse l'esthétique. Les Web Content Accessibility Guidelines (WCAG) définissent des seuils de contraste pour certains textes et composants ; ce calcul constitue un indicateur utile, mais ne garantit pas à lui seul la lisibilité de l'interface ni sa conformité globale.
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.
