L'attribut alt des images est correctement renseigné.
DescriptionL'attribut alt permet de fournir une alternative textuelle (qui sera par exemple lue par les lecteurs d'écran), rendant l'information véhiculée par l'image accessible aux personnes malvoyantes ou par exemple dans le cas où l'image ne se chargerait pas. Mais selon la nature de l'image utilisée, l'attribut alt ne sera pas renseigné de la même manière.
Conseil-
Images décoratives :
S'il s'agit d'une image purement décorative, l'attribut alt devra être présent... mais vide (alt=""). Dans le cas contraire, vous pourriez rendre extrêmement pénible la consultation de la page par un utilisateur de lecteur d'écran: le contenu de l'attribut alt serait lu autant de fois que l'image apparaîtrait dans la page (or les images décoratives sont souvent utilisées de nombreuses fois dans une même page).
N'oubliez pas que vous pouvez utiliser la propriété
CSS "background-image" pour les images de fond utilisées uniquement à des fins esthétiques.
-
Images véhiculant de l'information :
L'attribut alt doit contenir l'information utile véhiculée par l'image. Toutefois, l'attribut alt ne doit pas dépasser la limite de 60 caractères. Si ces 60 caractères ne permettent pas de restituer toute l'information, l'attribut alt sera accompagné d'un attribut longdesc, qui permet de fournir une description détaillée.
-
Images cliquables :
Les images-liens jouent un rôle dans la navigation. C'est pourquoi l'attribut alt devra dans ce cas précis informer sur la cible du lien, à moins que le lien bénéficie déjà d'un intitulé textuel explicite (auquel cas l'attribut alt devra être laissé vide : alt="").
Référence WCAG 1.0(
1.1) Fournir un équivalent textuel à chaque élément non-textuel. (
Niveau 1)
Bonnes pratiques connexes