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

Clauses de la norme EN 301 549

La clause de la norme EN 301 549 pour chaque critère, selon la version de la norme
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 gratuite

Ou é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

Écrire à Validiscan

Pour une vérification gratuite, indiquez l’adresse de votre boutique et sa plateforme.

Validiscan utilise ce que vous envoyez pour vous répondre. Politique de confidentialité