WCAG 2.4.4 Fonction du lien (selon le contexte)

Le critère de succès 2.4.4 exige que la fonction de chaque lien puisse être déterminée à partir de son seul intitulé, ou de cet intitulé associé à son contexte déterminable par programme - la phrase, l'élément de liste ou la cellule de tableau dans lequel il apparaît. C'est un critère de niveau A sous la règle 2.4 (Navigable).

Deux défaillances, et non une

Ce critère recouvre en réalité deux problèmes liés mais distincts.

Un lien dépourvu de tout nom accessible - un lien réduit à une icône, ou un lien-image sans alternative textuelle - est annoncé comme un simple « lien » par un lecteur d'écran, sans qu'aucune fonction puisse être communiquée. C'est la défaillance la plus grave, et elle recoupe le critère WCAG 4.1.2 (Nom, rôle et valeur). Voir Liens et boutons vides.

Un lien pourvu d'un intitulé, mais d'un intitulé ambigu hors contexte - « cliquez ici », « en savoir plus », « lire la suite », répétés à l'identique sur de nombreux liens d'une même page. La plupart des lecteurs d'écran proposent un raccourci permettant de parcourir les liens d'une page sous forme de liste autonome, indépendamment du texte environnant ; dix liens identiques « en savoir plus » y sont impossibles à distinguer, même si chacun est techniquement non vide.

Ce que « selon le contexte » autorise

Ce critère précis - par opposition à son équivalent plus exigeant de niveau AAA, 2.4.9 Fonction du lien (lien uniquement) - permet de s'appuyer sur le contexte environnant pour lever l'ambiguïté d'un lien, et non sur le seul intitulé isolé. « En savoir plus » est acceptable au titre du critère 2.4.4 si la phrase ou l'élément de liste dans lequel il s'insère rend sa destination claire à la lecture : l'exigence est « déterminable selon le contexte », non « déterminable à partir du seul intitulé, sans aucune information environnante ».

La correction pratique

Lorsque c'est possible, rendez l'intitulé lui-même explicite : « Lire notre rapport de résultats du troisième trimestre » vaut mieux que « En savoir plus ». Lorsqu'un schéma répétitif rend cela malcommode - une grille de cartes se terminant toutes par « En savoir plus » -, une portion de texte masquée visuellement qui prolonge le nom accessible règle la question sans modifier ce qui est affiché à l'écran :

<a href="/blog/resultats-t3">
  En savoir plus<span class="sr-only"> sur nos résultats du troisième trimestre</span>
</a>