Ca sert à qui ?

Potentiellement, à tout le monde :

  • Utilisateur d'une aide technique
  • Utilisateur d'un navigateur textuel
  • Utilisateur d'un navigateur graphique face à un problème technique (serveur saturé, fichier indisponible...)
  • Utilisateur d'un navigateur graphique ayant désactivé les images...

Pourquoi ?

Si une image ne peut pas être affichée ou exploitée, c'est le contenu de l'alternative textuelle qui sera pris en compte.

Mauvais exemple 1

<div>
<img src="poisson.jpg"
alt="poisson" />
<p>Poisson : vertébré aquatique à branchies possédant
des nageoires.</p>
</div>

L'alternative textuelle "poisson" semble tout à fait pertinente pour la photographie d'un... poisson. Mais en analysant l'image dans son contexte, l'alternative devient redondante.

Résultat

Les utilisateurs de navigateurs graphique et textuel doivent faire le tri entre informations redondantes - donc inutiles - et informations essentielles.

Fichier sonore : enregistrement du lecteur d'écran Jaws

Transcription de Jaws, exemple 1
Fichier texte - 81 octets

Les utilisateurs de lecteurs d'écran doivent faire un effort supplémentaire pour mémoriser une information finalement inutile.

Mauvais exemple 2

<div>
<img src="poisson.jpg"
alt="Jacques Yves" />
<p>Le voisin nous a confié son poisson rouge pour les
vacances. Il l'a appelé Jacques-Yves en hommage au
commandant Cousteau !</p>
</div>

Résultat

Fichier sonore : enregistrement du lecteur d'écran Jaws

Transcription de Jaws, exemple 2
Fichier texte - 145 octets

Non seulement l'alternative est redondante, mais en plus elle peut gêner la compréhension du texte.

Mauvais exemple 3

<div>
<img src="clavier.jpg"
alt="clavier" />
<p>Service "Maintenance informatique" : ouvert tous les
jours, de 8 heures à 17 heures.</p>
</div>

Résultat

Fichier sonore : enregistrement du lecteur d'écran Jaws

Transcription de Jaws, exemple 3
Fichier texte - 98 octets

L'image d'un clavier a été choisie comme illustration, mais cela aurait pu être une souris, un écran ou tout autre composant.
L'alternative textuelle "clavier" n'apporte rien aux utilisateurs, si ce n'est une information inutile à gérer.

Bonne pratique

Reprise des 3 exemples précédents avec cette fois des alternatives vides.

Résultat

Fichier sonore : enregistrement du lecteur d'écran Jaws

Transcription de Jaws, bonne pratique
Fichier texte - 272 octets

Les images sont ignorées, les utilisateurs ne sont plus gênés par des informations inutiles.

Références

A lire absolument

Crédits

Photos : Badplayer