Autant que possible, l’intitulé des liens et des boutons doit être explicite. C’est-à-dire que la fonction du lien ou du bouton doit être parfaitement compréhensible à la lecture du seul intitulé.
Cet intitulé correspond au texte contenu :
<a>
et </a>
.<button>
et </button>
.alt
dans le cas d’un <input type=“image” />
.value
dans le cas des <input type=“button” />
ou <input type=“submit” />
.Ainsi, plutôt que des boutons “OK” ou des liens “Retour”, privilégier :
<input type="submit" value="S'inscrire" /> <a href="panier.html">Retour à l'étape 1 : "Votre panier"</a>
Pour rédiger des intitulés explicites, il faut imaginer que les intitulés sont extraits de la page et lus en dehors de tout contexte. Restent-ils compréhensibles ? Permettent-ils de se faire une idée du contenu de la page de destination ou de l’action à effectuer ?
Dans le cas où du texte et de l’image sont présents simultanément dans l’intitulé du lien ou du bouton, le texte de remplacement de l’image est à considérer comme faisant partie intégrante de l’intitulé.
Ainsi, l’intitulé du lien suivant sera considéré comme explicite :
<a href="/derniers-changements/"> <img src="images/pictogramme-attention.png" alt="Attention : " /> Veillez à prendre en considération les derniers changements apportés à Canelis avant toute utilisation. </a>
Les liens et les boutons ne doivent jamais être vides et doivent donc toujours posséder un intitulé.