Une image dans un livre numérique peut jouer des rôles très différents. Une photographie décrit une situation, un graphique présente des chiffres, un petit motif sépare deux scènes, un code QR conduit vers un document complémentaire. Leur appliquer systématiquement le même texte alternatif serait une erreur. Le bon alt décrit la fonction de l'image dans son contexte, pas seulement son apparence.
Dans un EPUB, les textes alternatifs participent à l'accessibilité de la lecture. Les outils automatiques peuvent détecter certaines absences ou anomalies ; ils ne peuvent pas garantir que la description répond au besoin d'une personne qui utilise un lecteur d'écran. Les recommandations du W3C sur les images constituent un bon point de départ.
Trois questions avant d'écrire un alt
- L'image apporte-t-elle une information que le texte voisin ne donne pas ? Si oui, il faut transmettre cette information d'une façon accessible.
- L'image a-t-elle une fonction ? Un pictogramme cliquable, un lien vers une annexe ou un code QR utile exigent que cette action soit compréhensible.
- L'image est-elle purement décorative ? Si elle ne transmet rien d'indispensable et ne sert à aucune action, elle peut être ignorée par les technologies d'assistance.
Une même photographie peut être informative dans une biographie, mais purement décorative si la légende et le paragraphe transmettent déjà toute l'information pertinente. Il faut donc choisir en fonction de l'usage dans le livre, non d'une catégorie de fichier.
Image décorative : utiliser alt=""
Un filet de séparation, une vignette d'ornement ou un motif placé entre deux paragraphes peut n'avoir aucune signification supplémentaire. Le lecteur d'écran n'a alors pas besoin d'annoncer « ligne noire avec arabesque ».
<img src="../Images/ornement.png" alt="" />Un attribut alt vide mais présent est intentionnel : il signale que l'image n'a pas de contenu à annoncer. Omettre complètement l'attribut est différent ; certains lecteurs d'écran peuvent alors lire le nom du fichier. W3C — Decorative Images.
Attention aux petites dimensions : une image de 16 × 16 pixels peut être une icône informative (avertissement, localisation, changement de section). Sa taille ne permet pas à elle seule de la qualifier de décorative. À l'inverse, un pixel d'espacement inséré uniquement pour la mise en page devrait souvent être remplacé par une solution CSS plutôt que décrit oralement.
Image informative : décrire ce qu'il faut comprendre
Supposons qu'une biographie contienne un plan qui situe trois villes liées au parcours de l'autrice. Un alt tel que « carte » ne suffit pas. Il n'indique pas ce que le lecteur doit retenir.
<img src="../Images/carte.png"
alt="Carte situant Lyon, Marseille et Nice dans le sud-est de la France" />Ce texte est adapté si la localisation constitue la principale information de l'image. Pour une carte comportant un itinéraire détaillé, il faudra peut-être une description plus longue dans le texte, car l'attribut alt n'est pas fait pour remplacer toutes les explications d'une figure complexe.
Évitez les préfixes automatiques « image de » ou « photographie de » lorsqu'ils ne servent à rien. L'élément HTML annonce déjà qu'il s'agit d'une image dans de nombreuses technologies d'assistance.
Les logos : décoratifs ou informatifs selon leur rôle
Le logo d'une maison d'édition peut simplement renforcer une information déjà visible :
<p>Publié par Les Éditions du Rivage.</p>
<img src="../Images/logo-rivage.png" alt="" />Mais si le nom de l'organisme n'apparaît nulle part ailleurs, une alternative comme alt="Éditions du Rivage" peut être nécessaire. Si le logo est un lien, l'intitulé accessible doit surtout donner la destination ou l'action : « Site des Éditions du Rivage » plutôt que « petit logo bleu ».
Ne déduisez pas la bonne solution du seul nom logo.png : examinez son environnement.
Les QR codes ne sont pas des ornements
Un code QR menant à un entretien audio ou à une bibliographie est un contenu fonctionnel. alt="" supprime une information utile pour la personne qui ne peut pas scanner l'image. Mais un alt="QR code" seul n'est guère meilleur : il n'explique pas la destination.
La solution la plus robuste est généralement d'associer le QR à un lien lisible et activable dans le texte :
<p>Écouter l'entretien sur le site de l'éditeur :
<a href="https://example.org/entretien">Ouvrir l'entretien audio</a>.
</p>
<img src="../Images/qr-entretien.png"
alt="Code QR menant à l'entretien audio indiqué ci-dessus" />Ici, l'adresse est fictive et doit être remplacée par l'URL réelle avant publication. Le lien textuel reste accessible même si l'image n'est pas affichée ou si le lecteur ne dispose pas d'un appareil photo. Si le QR duplique entièrement ce lien, une description courte qui signale sa redondance peut suffire selon la structure de la page.
Et la couverture d'un EPUB ?
La couverture peut porter le titre, le nom de l'auteur, une indication de collection ou une illustration importante. La bonne description dépend de la présentation de l'édition.
Si le titre et l'auteur sont déjà présents comme texte accessible à proximité et que l'image est purement répétitive, un alt très long serait inutile. En revanche, une couverture contenant une information essentielle introuvable ailleurs appelle un traitement différent. N'écrivez pas systématiquement alt="Couverture du livre" sans considérer ce qu'elle transmet.
Pour vérifier l'expérience réelle, ouvrez la publication avec un lecteur d'écran et écoutez la séquence autour de la page de couverture. Le texte alternatif ne doit ni effacer une information ni répéter toute la page inutilement.
Graphiques, tableaux, schémas : l'alt court ne suffit pas toujours
Une courbe montrant l'évolution des ventes sur dix années comporte plus d'informations qu'une phrase de trois mots. On peut utiliser un alt bref pour identifier sa fonction, puis ajouter immédiatement une description ou les données sous une forme textuelle structurée.
<figure>
<img src="../Images/evolution.png"
alt="Graphique de l'évolution des ventes, détaillé dans le paragraphe suivant" />
<figcaption>Évolution annuelle des ventes, 2016–2025.</figcaption>
</figure>
<p>Les ventes augmentent de 2016 à 2020, puis ...</p>L'exemple est illustratif : le paragraphe doit, dans une vraie publication, rapporter les données essentielles et les tendances réellement observées. Si un tableau de données est nécessaire, utilisez une structure de tableau accessible plutôt qu'une capture d'écran de cellules.
Comment contrôler les alt après correction ?
Les vérifications utiles s'effectuent à trois niveaux :
- Technique : présence des attributs nécessaires, intégrité des images et cohérence du XHTML.
- Sémantique : adéquation entre le texte alternatif, la fonction de l'image et le contenu voisin.
- Fonctionnel : lecture du chapitre et navigation au lecteur d'écran, y compris quand les images sont masquées.
EPUBCheck et Ace by DAISY peuvent contribuer à la partie automatique. DAISY rappelle qu'une évaluation manuelle reste indispensable pour juger la qualité des alternatives.
| Image | Alternative de départ | Question éditoriale à poser |
|---|---|---|
| Ornement sans sens | alt="" |
Est-il vraiment sans information ? |
| Photo dans un essai | Description informative | Qu'apprend le lecteur grâce à elle ? |
| Logo d'éditeur | Nom ou alt vide selon le contexte | La marque est-elle déjà identifiée dans le texte ? |
| QR code | Destination et lien textuel associé | La ressource est-elle accessible sans scanner ? |
| Diagramme complexe | Alt bref + description longue | Les données essentielles sont-elles accessibles ? |
Pour localiser les images à revoir, commencez par Nommera Prism, puis relisez les éléments signalés avec le contexte du livre. Pour le traitement des autres messages, consultez Erreurs EPUBCheck fréquentes.
Questions fréquentes
Un alt vide est-il toujours une erreur d'accessibilité ?
Non. alt="" est adapté aux images réellement décoratives. C'est l'absence de justification éditoriale qui pose problème, pas le fait que la chaîne soit vide.
Un QR code peut-il avoir alt="" ?
Pas s'il est la seule manière d'accéder à une information ou à un service. Préférez une destination explicitée et un lien textuel directement utilisable.
Une image très petite est-elle forcément décorative ?
Non. Une icône de quelques pixels peut porter une consigne ou un avertissement. Il faut examiner son rôle.
L'absence d'alerte dans Ace certifie-t-elle mes alt ?
Non. Un outil peut détecter certaines erreurs de structure, pas juger seul de la justesse d'une description.