Formater ses liens de manière cohérente
L’hyperlien est à la base du web. C’est un élément primordial. Et pourtant, il est trop souvent négligé. Pour que la cliquabilité d’un site soit optimale, la cohérence de son formatage est essentielle.
C’est assez simple:
- Réservez une couleur aux hyperliens. Vous n’utiliserez que celle-là.
- Réservez leur également un formatage (soulignement, gras,…).
- Respectez les standards: le bleu souligné est utilisé pour le liens.
- et surtout soyez cohérent…
Petit exemple avec cette saisie d’écran issue du site 20 minutes:
- Le bleu n’est pas cliquable. Ce qui est contraire à un standard historique.
- Le texte noir à gauche (dans la boîte « A lire aussi ») est cliquable, mais la même couleur ne l’est pas dans le reste du texte. La même couleur donne lieu à deux comportements différents de l’interface.

Un inconfort d’utilisation qu’il est pourtant relativement simple à corriger…




Ceci n’est pas un lien
« Respectez les standards: le bleu souligné est utilisé pour le liens »
Position assez conservatrice. Depuis, les feuilles de style nous ont permis de jouer avec les couleurs, le fond, le formatage. Le plus important ne se situe pas dans la couleur mais dans la différenciation avec le cadre.
Bonjour Katsoura,
Je ne dis pas qu’il faut utiliser le bleu, mais bien qu’il faut réserver une couleur aux hyperliens.
Par contre, le bleu n’est pas à utiliser s’il ne s’agit pas d’un lien: on se heurte à un standard historique, encore utilisé par des grands comme Amazon ou Google.