You are here: : Homepage > Best practices > Sheet No65
Best Practice N°65- Level2- Section navigation
Description
Navigational icons are accompanied by an explicit text equivalent.
Objectives
Saves new users from searching for the meaning of an icon. Improves accessibility.
Possible technical solutions:
The nature of the target of each link-icon is given in the alt attribute of the image and by the title of the link in the form:
<a href="/" title="Accueil"> <img src="home.png" alt="Accueil"> </a> <a href="/carte/" title="Carte"> <img src="map.png" alt="Carte"> </a> <a href="mailto:John.Doe@example.com" title="John.Doe@example.com"> <img src="letter.png" alt="John.Doe@example.com"> </a>
Control methods:
Test for the presence of the title attribute when the mouse passes over the link in a graphical browser.
Put these Best Practices to use.
Opquast is a service provided by Temesis. The Opquast Best Practices are elaborated in the Opquast Workshop(FR).