Le texte d’un lien doit indiquer où mène le lien
Les personnes qui utilisent un lecteur d’écran parcourent souvent la liste de tous les liens d’une page. Dix liens intitulés « En savoir plus » ou « Découvrir » se ressemblent tous : elles ne savent pas vers quel produit, quelle catégorie ou quel article chacun mène.
- Identifiant de la règle
- vs-link-purpose
- Source
- Contrôle Validiscan
- Impact
- Modéré
- Niveau de correction
- ASSISTED
- sur Shopify, Shopware, WooCommerce et Magento
- Statut
- exécutée
Ce que fait le contrôle
Signale les textes de lien ambigus dans toutes les langues prises en charge, comme « read more », « click here », « mehr », « hier », « voir plus », « ver más » ou « læs mere », ainsi que les textes de lien identiques qui pointent vers des destinations différentes sur le site (2.4.4).
Sur chaque page, le contrôle lit tous les éléments a[href] que les technologies d’assistance peuvent percevoir, en ignorant les liens qui ont un autre rôle, comme role="button". Il prend le nom accessible, de sorte qu’un aria-label ou le alt d’une image liée compte, le met en minuscules et remplace la ponctuation, les flèches et les points de suspension par des espaces. Seuls sont signalés les noms identiques à l’une des 57 expressions en anglais, en allemand, en français, en espagnol et en danois, si bien que « En savoir plus sur les retours » réussit. Un lien dont l’attribut aria-describedby pointe vers un texte réussit aussi.
La seconde partie utilise les liens visibles de chaque page, 600 au plus, relevés dans la première zone d’affichage configurée, par défaut celle de l’ordinateur. Des liens de même nom sur une page qui mènent à des destinations différentes donnent un constat par nom et par page. La casse, une barre oblique finale et l’écriture relative d’une adresse ne comptent pas comme une nouvelle destination, et les chemins /products/<slug> sont comparés sur le seul slug. Les expressions listées et les liens javascript: sont ignorés ici, et les liens de pages différentes ne sont jamais comparés.
Le contrôle ne juge pas si un nom est clair dans son contexte.
Comment corriger
Faites en sorte que chaque texte de lien indique sa destination, par exemple « En savoir plus sur les retours » ou « Voir les vestes femme ». Lorsque le design impose un texte visible court, ajoutez le contexte sous forme de texte masqué visuellement, ou avec un aria-label qui commence par les mots visibles.
Critères de succès WCAG
- 2.4.4 Link Purpose (In Context), niveau A
Clauses de la norme EN 301 549
| Critère WCAG | Version 3.2.1 | Version 4.1.1 |
|---|---|---|
| 2.4.4 | 9.2.4.4 | 9.2.4.4 |
Commencez par une vérification gratuite de votre boutique.
Envoyez l’adresse de votre boutique. Validiscan la scanne et vous envoie chaque échec que le scan peut prouver, avec sa page et son code.
Demander une vérification gratuiteOu écrivez à info@validiscan.com.
Ce que couvre la vérification gratuite, et ce qu’elle laisse de côté- Vous envoyez
- l’adresse de votre boutique
- Pages scannées
- jusqu’à 15
- Vous recevez
- chaque échec que le scan peut prouver, avec la page et le code
- Sur votre boutique
- pages publiques uniquement ; aucune connexion, aucun achat, aucun formulaire envoyé
- Ce qu’elle n’est pas
- un audit complet