Picto thématique

Règle n° 154 - 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.

#Accessibilité #Conception #Navigation

Objectif

  • Limiter le temps d'apprentissage de l'interface.
  • Faciliter la compréhension des icônes.
  • Limiter le risque d'erreurs.

Mise en œuvre

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

Contrôle

Vérifier que chaque icône de navigation ou d'action sans contenu textuel associé est dotée :

  • D'un attribut alt pertinent pour l'élément img ;
  • D'un attribut title ou aria-label pertinent pour l'élément a, button ou input ;

Auteur Opquast - Consulter la licence


Découvrez la certification Opquast

  • Une formation et une certification 100% en ligne
  • 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
  • guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
  • Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
  • Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.

Module de sensibilisation
Inscription gratuite