6.2. Dans chaque page web, chaque lien a-t-il un intitulé ?

Tests

Note technique

Une ancre n’est pas un lien même si pendant longtemps l’élément <a> a servi de support à cette technique. Elle n’est donc pas concernée par le présent critère.

Références

Norme européenne EN 301 549

WCAG

Critères de succès WCAG 2.1

Techniques suffisantes et/ou échecs

Définitions

Intitulé (ou nom accessible) de lien

« Nom accessible » restitué par les technologies d’assistance.

Dans le cas d’un lien HTML, le « nom accessible » est obtenu selon l’ordre suivant :

  • passage de texte associé par l’attribut WAI-ARIA aria-labelledby ;
  • sinon, contenu de l’attribut WAI-ARIA aria-label ;
  • sinon, contenu du lien ;
  • sinon, contenu de l’attribut title.

Cet ordre doit être utilisé pour déterminer ce qui constitue l’intitulé du lien. Par exemple :

  • en cas de présence conjointe d’un attribut WAI-ARIA aria-label et d’un attribut WAI-ARIA aria-labelledby, c’est le passage de texte référencé par l’attribut WAI-ARIA aria-labelledby qui doit être considéré comme l’intitulé ;
  • en cas de présence conjointe d’un attribut WAI-ARIA aria-label et d’un contenu dans le lien, c’est le contenu de l’attribut WAI-ARIA aria-label qui doit être considéré comme l’intitulé.

Référence : Accessible name and description calculation.

Dans le cas où le « nom accessible » est obtenu à partir du contenu du lien, celui-ci sera variable en fonction des cas suivants :

Lien texte :

En HTML, le « nom accessible » correspond au texte constitué à partir :

  • du texte contenu dans le lien ;
  • du texte contenu dans les éléments enfants du lien.

Lien image :

En HTML, le « nom accessible » correspond au texte constitué à partir de l’alternative textuelle d’une ou plusieurs images dans le lien du type :

  • Image (élément <img> ou balise ouvrante ayant l’attribut WAI-ARIA role="img") ;
  • Image objet (élément <object>) ;
  • Image bitmap (élément <canvas>) ;
  • Image vectorielle (élément <svg>).

Lien composite :

En HTML, le « nom accessible » correspond au texte constitué à partir de l’ensemble :

  • du texte contenu dans le lien ;
  • du texte contenu dans les éléments enfant du lien ;
  • du contenu de l’alternative textuelle de la ou des images comprises dans le lien.

Dans le cas d’un lien SVG (version 1.1), le « nom accessible » est obtenu comme suit :

  • Passage de texte associé par l’attribut WAI-ARIA aria-labelledby ;
  • Sinon, contenu de l’attribut WAI-ARIA aria-label ;
  • Sinon, contenu de l’élément <title> enfant direct du lien ;
  • Sinon, contenu de l’attribut xlink:title ;
  • Sinon, contenu texte d’un ou plusieurs éléments <text>.

Il faut cependant être vigilant car cet algorithme de calcul n’est pas encore pris en compte et effectif au sein des différents lecteurs d’écran. À ce jour, le support est disponible avec VoiceOver, mais incomplet ou lacunaire avec JAWS et NVDA. Si bien que le plus petit dénominateur commun sur lequel il est possible de se reposer pour fournir un intitulé au lien est l’élément <text>.

Lien

En HTML :

  • Balise <a> possédant un attribut href ;
  • Balise possédant un attribut WAI-ARIA role="link" et dont l’action de navigation est prise en charge par un script.

En SVG :

  • Balise <a> possédant un attribut xlink:href en SVG 1.1.