Accès-Cible : page d'accueil

Aller au contenu | Aller au menu | Aller à la recherche

Images

Alt aux images !

Toutes les images doivent avoir une alternative textuelle. L'attribut alt de l'élément img doit obligatoirement être présent.

Le contenu de l'alternative textuelle doit représenter l'information véhiculée par l'image dans son contexte. C'est cette alternative qui apparaîtra en remplacement de l'image si celle-ci ne peut être affichée ou consultée.

Lire la suite...

img ou object ?

L'élément object permet d'afficher différents objets multimédias, dont les images. Contrairement à l'élément img, il offre la possibilité d'incorporer un contenu alternatif "riche", composé d'autres objets et/ou de textes structurés. Il admet toutes les balises (HTML) ou presque (XHTML).

Lire la suite...

Les images de décoration

Une image est dite de décoration lorsque son rôle est purement esthétique, qu'elle n'apporte aucune information ou indication.

Les éléments qui composent le design d'un site sont typiquement des images de décoration. Idéalement, ces images devraient être intégrées via les styles. Si ce n'est pas le cas, elles doivent avoir un attribut alt vide.

Lire la suite...

Les images d'illustration

Une image est dite d'illustration lorsque son absence n'influe pas sur la compréhension de l'information ou d'une fonction. L'attribut alt de cet élément doit être vide.

Une image d'illustration faisant partie d'un contenu, c'est l'analyse du contexte qui détermine ce rôle.

Lire la suite...

Les images porteuses de sens

Une image est dite porteuse de sens lorsque son absence entraîne une perte d'information ou ne permet plus de comprendre tout ou partie des informations ou fonctions environnantes. L'alternative textuelle ne doit pas décrire l'image mais l'information qu'elle transmet dans son contexte.

Une image porteuse de sens ne doit en aucun cas être intégrée via CSS : impossibilité d'inclure une alternative.

Lire la suite...

Les images "texte"

Une image est dite "texte" lorsqu'elle contient du... texte. L'alternative textuelle doit reprendre le contenu de l'image.

Tout doit être mis en œuvre pour ne pas avoir recours à ce type d'image au profit de textes stylés.

Lire la suite...

Les images fonctionnelles

Une image est dite fonctionnelle lorsqu'elle permet à l'utilisateur d'effectuer une action : ouvrir une page, imprimer une page, télécharger un fichier, valider un formulaire...

Le contenu de l'attribut alt doit indiquer l'action qui sera exécutée et être explicite même hors contexte.
Exception : une image couplée à un texte explicite dans le même lien. Dans ce cas, l'attribut alt doit être vide.

L'attribut title peut être utilisé afin de compléter les informations fournies par l'alternative textuelle : title = alt + informations complémentaires.

Lire la suite...