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.

#Accessibility #SEO #Images and media #Development #Editoral

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

Business application and benefits

The rules should be applied to your projects from the design phase through to post-implementation , and they should be understood by all professionals with web and customer experience (CX) responsibilities: from strategy to operations, marketers to project managers, and editorial to technical staff. The benefits of using this ruleset are numerous, including improving customer satisfaction, web performance, and e-commerce, and expanding your client base, while also decreasing your errors and costs.

Multidisciplinary verticles - accessiiblity, SEO, e-commerce, ecodesign etc..- starting from the foundational Opquast base.

The objective of these rules and the Opquast community mission is ‘making the web better’ for your customers and for everyone! Opquast rules cover the key major areas of risk that can negatively affect website users such as privacy, ecodesign, accessibility and security.

Opquast training has already allowed over 11,000 web professionals to have their skills certified. Train your teams or your students, contact us