Selon les standards WCAG 2.0 du W3C, niveau A :

En d’autres mots, une décoration devrait accompagner les liens afin de les distinguer du contenu. Souvent, le soulignement sera employé pour décorer les liens. Cette distinction doit être cohérente à travers le site, donc tous les liens devraient être identifiés de manière identique. Si le lien n’est pas souligné mais que sa couleur possède un contraste de luminosité d’un ratio d’au moins 3:1 avec la couleur du texte environnant, la distinction est considérée comme suffisante, tant que les couleurs du texte et des liens soient conformes aux standards sur le contraste des couleurs !

Prenez note que les liens formant un menu (et possiblement d’autres éléments distinctifs) sont exclus de cette règle.

D’autres standards concernant les liens, notamment leur libellé (le texte les composant), existent. Ils touchent davantage l’intégration de contenu que le design, mais les voici tout de même :

Selon les standards WCAG 2.0 du W3C, niveau A :

Selon les standards WCAG 2.0 du W3C, niveau AAA :

  • La destination de chaque lien devrait être déterminée simplement à partir de son libellé ou à l’aide d’une mécanisme permettant d’en spécifier la destination. (Règle 2.4.9 de WCAG 2.0 [anglais seulement])

Bien que subtile, une différence importante sépare ces deux standards. Au niveau A, le libellé d’un lien doit déterminer la destination de celui-ci en tenant compte de son contexte. Par exemple, un lien intitulé « Lire la suite » qui est placé sous le paragraphe d’introduction de la nouvelle du jour suggère qu’il mène à la suite de l’article.

Le même exemple n’est pas accessible selon le standard 2.4.9 de niveau AAA, qui stipule que la destination d’un lien doit être déterminable par seul son libellé. Sans le contenu environnant, on ne peut deviner où mène le lien « Lire la suite ». Un libellé tel que « Lire la suite de la nouvelle du jour » serait nettement plus approprié !

Imaginons qu’il y a 4 ou 5 liens intitulés « Suite de l’article » sur une même page Web. Imaginons ensuite que nous naviguons à l’aide d’un outil d’adaptation qui permet de tirer une liste de tous les liens présents sur cette page. Le libellé de ces liens ne nous apporte aucune précision sur leur destination. Pour les personnes utilisant des outils d’adaptation, comme les personnes mal-voyantes par exemple, il est beaucoup plus simple de saisir la destination d’un lien par son libellé que d’avoir à la comprendre à l’aide du contexte.

Par souci esthétique ou technique, il est souvent déplaisant d’afficher la totalité du libellé d’un lien, aussi précis et suggestif soit-il. « Lire la suite de l’article intitulé : Design accessible, contrastes de couleur » est plutôt long et redondant pour les voyants qui aperçoivent le titre de l’article dans le contexte de la page. Il est donc possible de masquer la fin d’un libellé pour n’en voir que le début, sans pour autant affecter l’accessibilité du lien. C’est ce que WCAG 2.0 laisse entendre par le passage « à l’aide d’une mécanisme permettant d’en spécifier la destination » dans le standard 2.4.9. Le W3C suggère des exemples de pratiques de la sorte [anglais seulement].