Bonne pratique No 1 - Accessibilité - Niveau 1

Vous êtes ici : : Accueil > Bonnes pratiques > Fiche n^o1

Début
Fiche suivante

Fiche bonne pratique N°1 - Niveau 1- 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'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é :
http://www.ocawa.com/auditez.htm
et un navigateur textuel ou un simulateur :
http://lynx.browser.org/
http://www.delorie.com/web/lynxview.html

Mettre en application cette bonne pratique

Opquast est un service édité par Temesis. Les bonnes pratiques Opquast sont forgées dans l'atelier Opquast(FR).