Attention, cette version d'AcceDe Web est obsolète,
pour consulter la dernière version, se rendre sur www.accede-web.com/notices/ !

6.1.1. Rédiger des intitulés explicites pour les liens et les boutons

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 :

  • Entre les balises <a> et </a>.
  • Entre les balises <button> et </button>.
  • Dans l’attribut alt dans le cas d’un <input type=“image” />.
  • Dans l’attribut 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>

Astuce

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 ?

Remarque

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>

Attention

Les liens et les boutons ne doivent jamais être vides et doivent donc toujours posséder un intitulé.

Recommandations associées

notices/html-css/privilegier-au-maximum-les-intitules-explicites-pour-les-liens-et-les-boutons.txt · Dernière modification: Le 06/03/2013 à 16:34 (modification externe)
 

Projet coordonné par Atalan.

En partenariat avec :

Et le soutien de :