Vous êtes ici : Accueil > Projets
Projet:Accessibilité : contenu alternatif correct des images
Libellé
Le contenu alternatif de toutes les images est correctement indiqué.
ModifierObjectifs
- Permettre la navigation et la consultation sans affichage des images (navigateurs texte ou braille, images désactivées, etc.)
- Permettre l'affichage d'un texte pendant le chargement des images.
- Améliorer le référencement.
Solutions techniques
L'attribut alt est présent pour chaque élément <img>, sous la forme :
- alt="" pour les images qui ne véhiculent pas d'information nécessaire à la compréhension du texte. Exemple de code : <img src="spacer.gif" height="1" width="1" alt="">. Attention : l'omission de l'attribut alt n'est pas l'équivalent d'un attribut vide et n'est pas acceptable. ;
- alt="_fonction_" pour les images liens, avec comme contenu (_fonction_) la fonction du lien : <img src="..." alt="Accueil"> pour la traditionnelle icône "home" ;
- alt="_description_" pour les images dont la perception est nécessaire à la compréhension du contenu.
La description de l'image ou de sa fonction sera limitée à 60 caractères, afin d'être correctement restituée sur les medias tactiles (plages brailles) et sur les écrans dotés d'une application d'agrandissement (loupe).
Moyens de contrôle
Tester avec un validateur d'accessibilité :
et un navigateur textuel ou un simulateur :
Cette page appartient aux catégories :
Il existe une version 
de cette bonne pratique dans le référentiel Opquast.
