Rule n° 159 - Navigation icons are provided with an explicit legend.

Very few sites can afford to provide icon-based navigation exclusively. In most cases, even if the meaning of an icon seems obvious to you, it will not necessarily be obvious to your users. Be careful: double the image with text.

#Basics #Accessibility #Conception #Navigation
Previous Next

Goal

  • Reduce the time it takes to learn to use the interface.
  • Facilitate your users’ understanding of the icons.
  • Reduce the risk of error.
  • Improve the accessibility of content for people with disabilities.

Solution technique

The target type of each icon-link when it is not accompanied by text content is specified by the alt attribute of the image and by the title attribute oraria-label attribute of the

link.

Find out more:

Moyen de contrôle

Check that each navigation or action icon without associated text content has:

  • A relevant alt attribute for the img element;
  • A title or aria-label attribute relevant to the a element, button or input element;