RGAA Lab

RGAA 4.1.2 · Liens · Critère 6.1

Chaque lien est-il explicite (hors cas particuliers) ?

« En savoir plus » répété douze fois dans une liste de liens ne mène nulle part : qui navigue de lien en lien n'entend pas le paragraphe qui donnait le sens.

Ce que dit le référentiel

Transcription du RGAA 4.1.2, sans interprétation. C’est ce texte qui fait foi, et celui que vous citez dans un rapport.

  1. 6.1.1
    Chaque lien texte vérifie-t-il une de ces conditions (hors cas particuliers) ?
    • L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;
    • L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.
  2. 6.1.2
    Chaque lien image vérifie-t-il une de ces conditions (hors cas particuliers) ?
    • L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;
    • L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.
  3. 6.1.3
    Chaque lien composite vérifie-t-il une de ces conditions (hors cas particuliers) ?
    • L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;
    • L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.
  4. 6.1.4
    Chaque lien SVG vérifie-t-il une de ces conditions (hors cas particuliers) ?
    • L’intitulé de lien seul permet d’en comprendre la fonction et la destination ;
    • L’intitulé de lien additionné au contexte du lien permet d’en comprendre la fonction et la destination.
  5. 6.1.5
    Pour chaque lien ayant un intitulé visible, le nom accessible du lien contient-il au moins l’intitulé visible (hors cas particuliers) ?

Comment le vérifier

  1. Lister les liens de la page hors de leur contexte — la plupart des lecteurs d'écran le font, l'extension aussi — et lire la liste obtenue.
  2. Pour chaque intitulé, se demander : je sais où ça mène, ou ce que ça déclenche ? Si non, chercher si le contexte immédiat le dit.
  3. Le contexte accepté est borné : la phrase, le paragraphe, l'élément de liste, la cellule et ses en-têtes, le titre de section qui précède. Un texte ailleurs dans la page ne compte pas.
  4. Vérifier enfin que le nom accessible reprend bien l'intitulé visible : un aria-label qui dit autre chose que le texte du lien empêche la commande vocale de l'activer.
  5. Traiter à part les liens image, les liens SVG et les liens composites — texte et image sous la même balise : leur intitulé est le nom accessible calculé, pas seulement le texte visible.

Ce que notre outil fait

Assisté

Le moteur repère les éléments concernés et vous pose la question. Il ne conclut pas à votre place.

L'outil calcule le nom accessible de chaque lien et vous les présente un par un, hors du texte qui les entoure : vous répondez si l'intitulé permet d'anticiper la destination, et, pour un lien image, si l'alternative en dit la fonction. L'outil fait aussi les deux rapprochements qu'on ne peut pas faire en regardant les liens un par un. Il groupe les liens par nom accessible et signale ceux dont un homonyme mène ailleurs — l'échec type du critère, invisible à l'œil quand les jumeaux sont à huit cents pixels l'un de l'autre. Et il vérifie que l'intitulé visible se retrouve entier dans le nom accessible, comme l'exige WCAG 2.5.3 que ce critère cite en référence : « Commander maintenant » complété par « produit X » reste valide en tête ou en queue, jamais coupé en deux. Aucun des deux ne prononce de verdict : le premier parce que le test admet l'intitulé « additionné au contexte », le second parce qu'il vient d'une note technique et non d'un test. Ils vous montrent où regarder — et sur les homonymes, gardez en tête que la liste des liens d'un lecteur d'écran énumère les intitulés hors de leur contexte : des « En savoir plus » identiques y sont indiscernables. Le contexte qui sauve le critère est celui du lien — sa phrase, son paragraphe, sa cellule — pas ce qui se trouve ailleurs dans la page. Une règle du moteur vérifie mécaniquement le test 6.1.5 : que le nom accessible d'un lien contienne son intitulé visible, mot pour mot. C'est ce qui permet à la commande vocale de désigner le lien qu'on voit.

Règles ACT du W3C mises en œuvre : 2ee8b8

Comment nous mesurons ce que l'outil sait faire · ce critère s'audite dans l'extension RGAA Lab.

Les pièges

Les erreurs qu’on rencontre vraiment, relevées au fil des audits.

  • Un title sur un lien ne rattrape rien : il n'est pas restitué au clavier, ni sur mobile, et le référentiel ne l'accepte pas comme complément de contexte.
  • aria-label="Lire l'article sur la réforme" sur un lien dont le texte visible est « En savoir plus » remplace l'intitulé au lieu de le compléter : le nom accessible ne contient plus l'intitulé visible, et le test 6.1.5 échoue. La bonne forme ajoute le complément, elle ne substitue pas.
  • Deux liens au même intitulé et à la même destination ne posent pas de problème. C'est le même intitulé pour des destinations différentes qui est fautif.
  • Une icône seule en guise de lien (une croix, une flèche) est un lien image : son alternative doit dire la destination ou l'action, pas décrire le dessin.

À lire avec