Lecteur d'écran avec un espace insécable dans l'attribut alt

Question

J'utilise un CMS pour les images qui, par défaut, ne génère pas d'attributs alt dans les balises image, sauf si le texte alt est fourni.

Je peux fournir un espace vide " " dans la balise alt pour produire:

<img src="../.." alt=" "/>

Cela poserait-il un problème avec les lecteurs d’écran et l’accessibilité au Web?

Answer 1

Si vous n'utilisez pas de texte alternatif, vous pouvez vous passer de l'attribut alt . Cela ne validera pas, mais cela ne changera rien, cela fonctionnera exactement de la même manière. Vous ne faites que plaire au validateur.

L'utilisation d'un espace ne devrait pas poser de problèmes.

Answer 2

Les auteurs HTML peuvent écrire du texte ALT sur leurs images de trois manières différentes:

1. Sans attribut ALT donné
2. Avec un attribut ALT ne contenant aucun caractère lisible
3. Avec un attribut ALT lisible

Celles-ci sont traitées de différentes manières.

Dans le cas d'une image sans attribut ALT, comme ceci:

<img src="fruit.png" width="100" height="100" />

... le comportement par défaut du lecteur d'écran est de lire l'attribut SRC à voix haute. Donc, en supposant que cette image soit hébergée dans le dossier images de example.com, le lecteur d'écran dirait: Graphic: h ttp: //www.example.com/images/fruit. png . Omettre l’attribut ALT est une mauvaise pratique, car les visiteurs non-voyants se retrouvent alors obligés de se débattre dans des tonnes de charabia sans rapport.

Dans le cas d'une image ayant un attribut ALT ne contenant aucune information lisible, comme l'une ou l'autre de ces deux:

<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />

... le comportement par défaut consiste à passer cette image en silence. Le lecteur d'écran ne peut pas prononcer un espace ni une chaîne vide; et donc ça ne dit rien. C’est la bonne façon de supprimer l’annonce d’images purement décoratives. Notez, cependant, que la dernière enquête sur l'utilisation du lecteur d'écran WebAIM a révélé que les utilisateurs les plus aveugles veulent savoir qu'une image est même si cela ne leur dit pas grand chose . Alors, soyez judicieux dans la suppression des images avec du texte alt vide; ne l'utilisez que lorsqu'il n'y a vraiment aucune information véhiculée par l'image.

Enfin, bien sûr, le texte normal est:

<img src="fruit.png" width="100" height="100" alt="Photo of apples." />

Dans ce cas, le lecteur d’écran affichera le message "Graphique: Photo de pommes". L'insertion d'un point fait que le lecteur d'écran fait une pause à la fin du texte ALT.

Choisir un bon texte ALT est important et peut être difficile. En général, si votre image contient une image de texte, vous devez alors reproduire ce texte (ou une abréviation appropriée) dans votre texte ALT. S'il s'agit d'illustrations ou de photographies, votre texte ALT doit être une description concise du contenu de la photo. S'il s'agit d'une image complexe, telle qu'un diagramme, vous devrez peut-être utiliser le texte ALT pour diriger l'utilisateur vers une description plus complète ailleurs dans la page. (L'attribut LONGDESC a été conçu à cet effet, mais il n'est pas largement pris en charge par les lecteurs d'écran.)

Si votre image est également un lien, il est absolument essentiel de disposer d'un texte ALT raisonnable. sinon, vos visiteurs aveugles n'auront aucune idée de ce que fait le lien.

Je vous recommande d’obtenir un lecteur d’écran (tel que NVDA, qui est une source ouverte) et de le tester. Cela peut être - excusez le mauvais jeu de mots - une révélation.

Answer 3

Le seul problème est que le client souhaite que le site indique qu'il est conforme à XHTML. Nous avons donc besoin des pages pour valider: (