Pourquoi modifier la couleur de sélection du texte de votre site web ?
Respecter de la charte graphique
La couleur par défaut des navigateurs est un bleu clair #B3D7FE. A priori, il y a peu de chance pour que cette couleur corresponde exactement à la palette de votre charte graphique. L’apparition de cette nouvelle couleur va perturber l'harmonie graphique. Heureusement, il est possible d'en modifier les propriétés CSS pour améliorer l'expérience utilisateur.
Renforcer l'identité visuelle de votre marque
Utiliser la couleur principale de la charte graphique pour accentuer l'image d’entreprise. Cette évocation directe à la marque complète l'UX de l'internaute qui sélectionne du texte sur votre site.
Modifier la couleur de sélection du texte grâce au CSS
Copier le code ci-dessous et insérer le dans les paramètres de votre site au niveau de la balise <head>.
Les commentaires vous guident pour paramétrer les codes hexadécimaux de l'aplat et du texte sélectionné. penser à bien configurer les couleurs pour assurer un contraste suffisant qui facilite la lecture.
Dans l'exemple, j'ai choisi la couleur principale de mon site pour l'aplat et un blanc 100% pour le texte.
On publie, on vérifie & on ajuste si besoin.
Pour parfaire l'harmonie graphique de votre site, paramétrer la couleur des listes à puces (bullet point)
