Inscrivez-vous en une minute !!
Connectez-vous
Des images d'espacement (spacer image) accessibles
Faisant partie des images non significatives. Les images d'espacement doivent tous recevoir un attribut alt vide, pour inciter les agents utilisateurs à les ignorer.
Qu'est-ce qu'une image d'espacement (spacer image) ?
Images d'espacement non nuisibles à l'accessibilité
Attribut alt vide pour les images d'espacement
Qu'est-ce qu'une image d'espacement (spacer image) ?
Une image d'espacement (spacer image) est tout simplement une image transparente (PNG-GIF) utilisée pour des raisons de mise en page, c'est-à-dire pour simuler des espaces, tabulations et sauts de ligne, cette technique qui a été largement utilisée par bon nombre de concepteurs dans les bons vieux temps est tombée en désuétude suite à l'avènement des CSS.
Une image d'espacement peut être insérée plusieurs fois horizontalement ou verticalement on peut même jouer sur ses dimensions avec les deux attributs width et height ou propriétés CSS width et height pour perfectionner davantage la mise en page et réaliser des positionnements plus ou moins rigoureux.
Images d'espacement non nuisibles à l'accessibilité
Les images d'espacement ne doivent pas être prises en considération par les navigateurs vocaux ou à texte-seul pour ne pas perturber les lecteurs, ce traitement doit être effectué pour toutes les autres images qui n'ont pas une importance conséquente sur le contenu de la page (images servant de puces, émoticônes, séparateurs etc.). Comment inciter les navigateurs texte-seul et les lecteurs d'écran à ignorer les images non significatives ?
Attribut alt vide pour les images d'espacement
Pour que les navigateurs texte-seul et les lecteurs d'écran omettent les images d'espacement, il suffit de spécifier un attribut alt vide, à ce propos faites attention :
- il faut mettre une chaîne de caractères vide : <img alt="" /> ;
- l'omission de l'attribut n'équivaut pas à un texte alternatif vide : <img /> ;
- une chaîne de caractères composée d'un ou plusieurs espaces n'équivaut pas à un texte alternatif vide : <img alt=" ">.
Dans le cas où vous ne mettez pas un texte alternatif vide les deux situations suivantes peuvent se produire :
- vous avez mentionnez le texte alternatif, il sera affiché pas les navigateurs texte-seul (lynx) et lu par les lecteurs d'écran (Jaws), ceci va embrouiller les internautes, car l'image n'a pas d'importance, elle est seulement utilisée pour des besoins de mise en forme, pour cela aucun texte alternatif ne doit être signalé pour éviter que le navigateur le restitue.
- vous n'avez même pas passé l'attribut alt, le nom de fichier (supposons spacer.png) sera alors restitué par :
- les navigateurs texte-seul, par exemple Lynx affichera : [spacer.png] [spacer.png] des images accessibles.
- les lecteurs d'écran, par exemple Jaws lira : image spacer point png image spacer point png des images accessibles.
A titre de rappel, il ne faut jamais spécifier un attribut longdesc pour les images décoratives, comme les smilies, les séparateurs graphiques, les images d'espacement, les puces graphiques etc. Les navigateurs non visuels risquent de restituer l'attribut longdesc ce qui pourra bien embrouiller le lecteur.
Chapitre suivant : images puces accessibles.
