Règle n° 159 - Les icônes de navigation sont accompagnées d'une légende explicite.
Très peu de sites peuvent se permettre de fournir une navigation exclusivement à partir d’icônes. Dans la plupart des cas, même si la signification d’une icône vous semble évidente, elle ne le sera pas forcément pour vos utilisateurs. Soyez prudent : doublez l’image avec du texte.
Objectif
- Limiter le temps d'apprentissage de l'interface.
- Faciliter la compréhension des icônes.
- Limiter le risque d'erreurs.
Solution technique
La nature de la cible de chaque icône-lien lorsqu'elle n'est pas accompagnée d'un contenu textuel est précisée par l'attribut alt de l'image et par l'attribut title ou aria-label du lien.
En savoir plus: img sur MDN
Moyen de contrôle
Vérifier que chaque icône de navigation ou d'action sans contenu textuel associé est dotée :
- D'un attribut
altpertinent pour l'élémentimg; - D'un attribut
titleouaria-labelpertinent pour l'élémenta,buttonouinput;