Aller au contenu principal
RAWEBA

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

References WCAG
  • 1.1.1 Non-text Content (A)
  • 2.4.4 Link Purpose (In Context) (A)
  • 2.5.3 Label in Name (A)
Techniques
  • ARIA7
  • ARIA8
  • C7
  • F63
  • F89
  • F96
  • F111
  • G53
  • G91
  • G208
  • G211
  • H30
  • H33
  • H77
  • H78
  • H79
  • H80
  • H81

Méthodologie officielle pour tester le critère 6.1

Test 1 (6.1.1)

  1. Retrouver dans le document les liens texte.
  2. Pour chaque lien texte, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
    • soit l’intitulé du lien seul ;
    • soit le contexte du lien.
  3. Si c’est le cas pour chaque lien texte, le test est validé.

Test 2 (6.1.2)

  1. Retrouver dans le document les liens image (lien avec pour contenu un élément <img> ou un élément ayant l’attribut WAI-ARIA role="img", un élément <area> possédant un attribut href, un élément <object>, un élément <canvas> ou un élément <svg>).
  2. Pour chaque lien image, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
    • soit l’intitulé du lien seul, fourni par l’alternative textuelle de l’image ;
    • soit le contexte du lien.
  3. Si c’est le cas pour chaque lien image, le test est validé.

Test 3 (6.1.3)

  1. Retrouver dans le document les liens composites (lien composé à la fois de contenu texte et d’éléments de type image).
  2. Pour chaque lien composite, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
    • soit l’intitulé du lien seul, fourni par la combinaison du contenu texte et de l’alternative textuelle de l’image ;
    • soit le contexte du lien.
  3. Si c’est le cas pour chaque lien composite, le test est validé.

Test 4 (6.1.4)

  1. Retrouver dans le document les liens SVG (élément <svg> qui possède un élément <a> pourvu d’un attribut xlink-href (SVG 1.1) ou href (SVG 2)).
  2. Pour chaque lien SVG, vérifier que ce qui permet d’en comprendre la fonction et la destination est :
    • soit l’intitulé du lien seul, fourni par le nom accessible de l’élément <svg> (résolu généralement à partir du contenu d’un élément <text>) ;
    • soit le contexte du lien.
  3. Si c’est le cas pour chaque lien SVG, le test est validé.

Test 5 (6.1.5)

  1. Retrouver dans le document les liens autres que SVG dont le contenu est fourni à la fois par un intitulé visible et par le contenu soit d’un attribut title ou d’un attribut aria-label ou d’un attribut aria-labelledby.
  2. Pour chaque lien, vérifier que le contenu de l’attribut title ou de l’attribut aria-label ou de l’attribut aria-labelledby contient l’intitulé visible.
  3. Si c’est le cas pour chaque lien, le test est validé pour les liens autres que SVG.
  4. Retrouver dans le document les liens SVG dont le contenu est fourni à la fois par un intitulé visible et par le contenu soit d’un attribut aria-labelledby, ou d’un attribut aria-label ou d’un élément title (enfant direct de l’élément <svg>) ou d’un attribut x-link:title (SVG 1.1) ou d’un ou plusieurs éléments <text>.
  5. Pour chaque lien SVG, vérifier que le contenu de l’attribut aria-labelledby ou de l’attribut aria-label ou de l’élément <title> ou de l’attribut x-link:title ou d’un ou plusieurs éléments <text> contient l’intitulé visible.
  6. Si c’est le cas pour chaque lien SVG, le test est validé pour les liens SVG.
  7. Si le test est validé à la fois pour les liens non SVG et pour les liens SVG, le test est globalement validé.

Test 6 (6.1.6)

  1. Retrouver dans le document les liens qui ont un intitulé identique.
  2. Pour les liens identiques, vérifier qu’ils mènent tous vers la même destination ou vers un contenu similaire.
  3. Sinon, vérifier que le contexte de chacun des liens permet de les distinguer.
  4. Si c’est le cas, le test est validé.