Picto thématique

Rule n° 112 - Each image link has an appropriate text alternative.

Would you like to browse a site with links labelled "42.gif", "logo" or "148572156725.jpg"? No, of course you wouldn't. So let's avoid imposing this not only on screen reader users, but also on Google, which will find your content irrelevant and difficult to reference.

#Images and media #Editorial #SEO

Goal

  • Allow users in environments where images are not seen (text browsers, screen readers or browsers with the images disabled) to understand the meaning of the links attached to images that they cannot see.
  • Enable bots to exploit the information carried by the image links (to reference, index and perform machine translation on the image text alternatives).
  • Enable the display of relevant text while images are loading.
  • Improve the accessibility of content for people with disabilities.
  • Improve the way content is taken into account by search engines and indexing tools.

Implementation

Link images are easy to identify (they are the only content placed between <a> and </a> tags). However, you must also think about the links generated with JavaScript to other elements.
In general, you must:
  • give each img element in question an alt attribute indicating the target or the role of the link;
  • give each area element in question an alt attribute indicating the target or role of the link;
  • indicate the target or role of the link in the content of each object element in question;
  • indicate the target or role of the link in the content of each canvas element in question.

Control

  • Check that the alt attribute of each img element in question indicates the target or role of the link
  • Check that the alt attribute of each area element in question indicates the target or role of the link
  • Check that the content of each object element in question indicates the target or role of the link.
  • Check that the content of each canvas element in question indicates the target or role of the link.
  • Check the wording of any other element having the role of a link.

By Opquast - Read the license