Comme son nom l’indique, une image informative transmet de l’information à l’utilisateur et aide à la compréhension du contenu présenté. Si l’information véhiculée par l’image est nécessaire à la compréhension du contenu, cette information doit également être transmise aux différents outils d’adaptation informatiques afin d’assurer que tous les utilisateurs, indépendamment de leurs limitations fonctionnelles, puissent bénéficier de ces compléments d’information. Pour ce faire, il suffit de coder l’image directement dans le HTML et de saisir la description de l’image à l’intérieur de l’attribut alt de la balise <img>.

Contrairement à la croyance populaire, il n’y a pas de limite officielle au nombre de caractères pouvant être saisi dans l’attribut alt. Cependant, il est fortement recommandé de demeurer concis, en saisissant quelques phrases courtes et adéquatement ponctuées pour faciliter la compréhension lors de l’interprétation par un outil de lecture d’écran.

Par opposition, une image de type décorative ne transmet pas d’information à l’utilisateur, n’apporte rien au message et sert seulement une fonction de design. Ce type d’image, lorsqu’utilisé, gagne à être intégré à la page Web en passant plutôt par la feuille de style CSS et non dans le HTML, de sorte qu’un outil d’adaptation puisse complètement l’ignorer au moment d’interpréter la page.

Si une telle image doit absolument être intégrée dans le HTML, une attention particulière sera alors portée à sa codification pour assurer que l’attribut alt qui la caractérise soit laissé vide en utilisant la syntaxe alt="", de manière à ce qu’elle soit tout de même ignorée par les outils d’adaptation informatiques.