Critère 6.1
Intitulé de lien explicite
Chaque lien doit être explicite hors contexte ou grâce à son contexte.
En Bref : L'essentiel à retenir
- L'utilisateur doit comprendre clairement la destination de chaque lien.
- Les intitulés des liens texte doivent être explicites et éviter les formulations vagues.
- Les liens image doivent inclure une alternative textuelle descriptive.
- Les liens icône doivent utiliser 'aria-label' ou un texte masqué pour l'accessibilité.
Objectif
L'utilisateur doit comprendre la destination et la fonction de chaque lien sans ambiguïté.
Solution Technique
1. Lien texte
L'intitulé doit être clair. Évitez les "Cliquez ici" ou "En savoir plus" répétés.
<!-- ❌ Mauvais -->
<a href="contact.html">Cliquez ici</a> pour nous contacter.
<!-- ✅ Bon -->
<a href="contact.html">Contactez-nous</a>.
2. Lien image
L'image doit avoir une alternative textuelle qui sert d'intitulé au lien.
<a href="accueil.html">
<img src="logo.png" alt="Retour à l'accueil">
</a>
3. Lien icône (SVG/Font)
Utilisez aria-label ou un texte masqué.
<a href="profil.html" aria-label="Mon profil">
<i class="fa fa-user"></i>
</a>