Critère 6.1 Chaque lien est-il explicite (hors cas particuliers) ?
Texte officiel du RGAA 4.1.2. Voir aussi le critère 6.1 sur accessibilite.numerique.gouv.fr.
Tests
Test 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.
Méthodologie du test 6.1.1
- Retrouver dans le document les liens texte ;
- 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.
- Si c’est le cas pour chaque lien texte, le test est validé.
Test 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.
Méthodologie du test 6.1.2
- Retrouver dans le document les liens image (lien avec pour contenu un élément
<img>ou un élément ayant l’attribut WAI-ARIArole="img", un élément<area>possédant un attributhref, un élément<object>, un élément<canvas>ou un élément<svg>) ; - 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.
- Si c’est le cas pour chaque lien image, le test est validé.
Test 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.
Méthodologie du test 6.1.3
- Retrouver dans le document les liens composites (lien composé à la fois de contenu texte et d’éléments de type image) ;
- 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.
- Si c’est le cas pour chaque lien composite, le test est validé.
Test 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.
Méthodologie du test 6.1.4
- Retrouver dans le document les liens SVG (élément
<svg>qui possède un élément<a>pourvu d’un attributxlink-href(SVG 1.1) ouhref(SVG 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.
- Soit l’intitulé du lien seul, fourni par le nom accessible de l’élément
- Si c’est le cas pour chaque lien SVG, le test est validé.
Test 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) ?
Méthodologie du test 6.1.5
- 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-labelou d’un attributaria-labelledby; - Pour chaque lien, vérifier que le contenu de l’attribut
titleou de l’attributaria-labelou de l’attributaria-labelledbycontient l’intitulé visible ; - Si c’est le cas pour chaque lien, le test est validé pour les liens autres que SVG.
- 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 attributaria-labelou 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>; - Pour chaque lien SVG, vérifier que le contenu de l’attribut
aria-labelledbyou de l’attributaria-labelou de l’élément<title>ou de l’attributx-link:titleou d’un ou plusieurs éléments<text>contient l’intitulé visible ; - Si c’est le cas pour chaque lien SVG, le test est validé pour les liens SVG.
- Si le test est validé à la fois pour les liens non SVG et pour les liens SVG, le test est globalement validé.
Note : considérant la détermination du nom accessible, il existe deux cas particuliers et une particularité liée aux expressions mathématiques :
- La ponctuation et les lettres majuscules présentes dans le texte de l’intitulé visible peuvent être ignorées dans le nom accessible sans porter à conséquence.
- Si le texte de l’intitulé visible sert de symbole, il ne doit pas être interprété littéralement au niveau du nom accessible. Le nom doit exprimer la fonction véhiculée par le symbole (par exemple, "B" au niveau d'un éditeur de texte aura pour nom accessible "Mettre en gras", le signe ">" en fonction du contexte signifiera "Suivant" ou "Lancer la vidéo"). Le cas des symboles mathématiques fait cependant exception (voir le point ci-dessous).
- Si l'étiquette visible représente une expression mathématique, les symboles mathématiques peuvent être repris littéralement pour servir d'étiquette au nom accessible (par exemple, "A>B"). Il est laissé à l'utilisateur le soin d'opérer la correspondance entre l'expression et ce qu'il doit épeler compte tenu de la connaissance qu'il a du fonctionnement de son logiciel de saisie vocale ("A plus grand que B" ou "A supérieur à B").
Cas particuliers
Il existe une gestion de cas particuliers pour les tests 6.1.1, 6.1.2, 6.1.3 et 6.1.4 lorsque le lien est ambigu pour tout le monde. Dans cette situation, où il n’est pas possible de rendre le lien explicite dans son contexte, le critère est non applicable.
Il existe une gestion de cas particuliers pour le test 6.1.5 lorsque :
- La ponctuation et les lettres majuscules sont présentes dans le texte de l’intitulé visible : elles peuvent être ignorées dans le nom accessible sans porter à conséquence ;
- Le texte de l’intitulé visible sert de symbole : le texte ne doit pas être interprété littéralement au niveau du nom accessible. Le nom doit exprimer la fonction véhiculée par le symbole (par exemple, “B” au niveau d’un éditeur de texte aura pour nom accessible “Mettre en gras”, le signe “>” en fonction du contexte signifiera “Suivant” ou “Lancer la vidéo”). Le cas des symboles mathématiques fait cependant exception (voir la note ci-dessous).
Note : si l’étiquette visible représente une expression mathématique, les symboles mathématiques peuvent être repris littéralement pour servir d’étiquette au nom accessible (ex. : “A>B”). Il est laissé à l’utilisateur le soin d’opérer la correspondance entre l’expression et ce qu’il doit épeler compte tenu de la connaissance qu’il a du fonctionnement de son logiciel de saisie vocale (“A plus grand que B” ou “A supérieur à B”).
Notes techniques
Lorsque l’intitulé visible est complété par une autre expression dans le nom accessible :
- WCAG insiste sur le placement de l’intitulé visible au début du nom accessible sans toutefois réserver l’exclusivité de cet emplacement ;
- WCAG considère comme un cas d’échec une correspondance non exacte de la chaîne de caractères de l’intitulé visible au sein du nom accessible.
Par exemple, si l’on considère l’intitulé visible « Commander maintenant » complété dans le nom accessible par l’expression « produit X », on peut avoir les différents cas suivants :
- « Commander maintenant produit X » est valide (bonne pratique) ;
- « Produit X : commander maintenant » est valide ;
- « Commander produit X maintenant » est non valide.
Références WCAG 2.1
- 1.1.1 Non-text Content (niveau A)
- 2.4.4 Link Purpose (In Context) (niveau A)
- 2.5.3 Label in Name (niveau A)
Techniques WCAG : H30, H78, H79, H80, H81, G53, G91, F63, F89, ARIA7, ARIA8
Ce que l’audit automatique peut détecter
Règles qui vérifient directement ce critère
Ces règles d’axe-core 4.14.0 citent un test de ce critère. Elles repèrent une partie des erreurs ; le reste du critère demande une vérification humaine.
label-content-name-mismatch: Ensure that elements labelled through their content must have their visible text as part of their accessible nameTest 6.1.5.
Source : RGAA 4.1.2 (WCAG 2.1), © DINUM, publié dans le dépôt DISIC/accessibilite.numerique.gouv.fr (commit ca4019f), sous Licence Ouverte 2.0. Texte officiel reproduit sans modification de contenu ; certains attributs de mise en forme (liens ouverts dans une nouvelle fenêtre, lien mort) sont retirés. Seuls les encadrés « Explication Rampe — non normative » sont rédigés par Rampe.