Quelle est la meilleure pratique pour l’abordabilité des liens?
Si j'ai plusieurs liens, quelles sont les meilleures pratiques pour démontrer que ce lien est abordable. Prenez cet exemple:
Nous avons un lien qui souligne uniquement en survol et n'a pas de couleur.
Sûrement, ce n'est pas assez bon car le lien ne démontre aucune possibilité? Nous l'améliorons donc. En supposant que nous ne pouvons pas utiliser la couleur pour définir qu'il s'agit d'un lien (pour diverses raisons, je ne mentionnerai pas que le design n'est pas dirigé)
Nous avons un lien souligné en standard et sans couleur.
La seule chose à définir qu'il s'agit d'un lien est l'icône du curseur lors du survol. Est-ce suffisant pour définir qu'il s'agit d'un élément cliquable pour l'utilisateur?
Jakob Nielsen a un bon article sur la meilleure façon de visualiser les liens sur le web basé sur sa recherche d'utilisateurs, qui répond directement à votre question.
Il le résume ainsi:
Les liens textuels doivent être colorés et soulignés pour obtenir la meilleure possibilité perçue de cliquabilité, bien qu'il existe quelques exceptions à ces directives
Vos instincts sont bons dans la mesure où les deux comportements existants que vous décrivez comme étant utilisés par vous sur votre site Web sont considérés comme de mauvaise forme et sont répertoriés dans l'article.
Dans le cas d'un texte sans aucun soulignement, sa ligne directrice principale (pour laquelle il prévoit deux exceptions) est la suivante:
Il existe deux cas principaux dans lesquels vous pouvez éliminer les soulignements en toute sécurité: les menus de navigation et d'autres listes de liens. Cependant, cela n'est vrai que lorsque la conception de la page indique clairement la fonction de la zone. (N'oubliez pas: votre conception peut ne pas être aussi évidente pour les utilisateurs externes que pour les membres de votre équipe.) Les utilisateurs comprennent généralement un rail de navigation de gauche avec une liste de liens sur un arrière-plan coloré, en supposant qu'il ressemble aux zones de navigation de la plupart des utilisateurs. d'autres sites
Dans n autre article sur son site , il inclut un graphique qui montre la prévalence de vos deux problèmes dans les sites intranet qu'il a examiné (il n'est pas évident que vous parliez d'intranets, mais cela peut être un indicateur raisonnable du Web plus large):
Graphique de Jakob Nielsen ( Source ).
Pour les liens actifs, la couleur bleue avec soulignement est la plus courante. Le pointeur à la main et le texte souligné sont utiles pour les personnes daltoniennes. Vous pouvez changer le bleu par défaut avec la couleur du thème de votre site Web. La seule chose dont vous avez besoin pour prendre soin des liens doit être suffisamment visible dans le texte du paragraphe.
Les liens soulignés se sentiront sûrement à l'aise pour les internautes plus âgés, car ils étaient la norme il y a quelques années.
Cependant, cette possibilité pourrait ne pas fonctionner pour tout le monde; ainsi, dans d'autres sites comme Wikipedia vous pouvez trouver des liens qui représentent une petite icône à côté, pour noter que le lien amener l'utilisateur vers un site externe ou similaire.
Plus d'exemples existent partout sur le web . Assurez-vous d'adopter une solution adaptée à votre application et, surtout, à vos utilisateurs! :)
Nous avons un lien qui souligne uniquement en survol et n'a pas de couleur.
Non, ce n'est pas assez bon. Le marquer comme un lien juste avec une couleur n'est pas bon non plus, car cela ne fonctionnera pas pour les personnes daltoniennes. Donc, une accessibilité échoue.
Nous avons un lien souligné en standard et sans couleur.
Cela semble un peu subtil. Peut-être modifier la couleur lors du survol et supprimer le soulignement pour un peu plus visuel que c'est un lien actif. La suggestion ekapros d'une icône pour les liens externes est une meilleure pratique.
Le style de police est également une option. Certains sites utilisent san serif pour le corps du texte et une police seriffée pour les liens ou vous pouvez utiliser des traitements en italique ou en gras. La couleur est souvent utilisée car elle est une variable visuelle associative et sélective et peut être utilisée assez subtilement sans ruiner un thème de conception global.
Je pense que peu importe ce que vous décidez stylistiquement, la seule chose qui signifie toujours que quelque chose est cliquable, que ce soit du texte, un bouton, une image, peu importe, est le curseur du pointeur (ou de la main):
