Vous êtes ici : : Accueil > Bonnes pratiques > Fiche no1
- Début
- Fiche suivante
Fiche bonne pratique N°1- Niveau1- Rubrique accessibilité
Libellé
Le contenu alternatif de toutes les images est correctement indiqué.
Objectif
permettre la navigation et la consultation sans image (navigateurs texte ou braille, images désactivées, etc.)
permettre l'affichage d'un texte pendant la chargement des images
améliorer le référencement
Solutions techniques possibles:
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'attributaltn'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é :
http://www.ocawa.com/auditez.htm ou
http://www.acces-pour-tous.net/validateur/validateur.php
et un navigateur textuel ou un simulateur :
http://lynx.browser.org/
http://www.delorie.com/web/lynxview.html
Mettre en application cette bonne pratique
