AccessiaDes liens n'annoncent pas où ils mènent
Un lien qui ne contient qu'une icône ou une image sans description est annoncé « lien », sans plus.
Qui est gêné
Les utilisateurs de lecteurs d'écran, qui listent souvent tous les liens d'une page pour naviguer rapidement. Une liste de dix entrées annoncées « lien » est inutilisable.
D'où vient le problème
Le thème le plus souvent, pour les icônes de panier, de compte ou de recherche. Parfois une application tierce, notamment les listes de souhaits.
Comment corriger
- Si le lien contient une image : ajoutez-lui un texte alternatif décrivant la destination.
- Si le lien contient une icône SVG : ajoutez un attribut aria-label sur le lien, par exemple aria-label="Ouvrir le panier".
- Masquez l'icône elle-même aux lecteurs d'écran avec aria-hidden="true", sinon elle sera annoncée en double.
- Vérifiez ensuite en parcourant la page à la touche Tabulation.
À savoir. Les intitulés « Cliquez ici », « En savoir plus » ou « Lire la suite » posent le même problème dès qu'ils sont répétés : hors de leur contexte, ils ne disent rien. Préférez « En savoir plus sur nos délais de livraison ».
Référence
Critères concernés : RGAA 6.1, WCAG 2.4.4.
Identifiant de la règle dans les outils d'analyse :
link-name.
Accessia détecte ce défaut sur les pages publiques d'une boutique Shopify, indique s'il vient du contenu, du thème ou d'une application tierce, et compte le nombre d'occurrences.