Titre sur un texte alternatif vide

Silktide repère des images marquées comme décoratives avec un texte alternatif vide, mais qui possèdent également un titre. Ces deux attributs se contredisent, et les technologies d’assistance gèrent ce conflit de manière imprévisible.

<!-- Problème : alt dit « passe-moi », title dit « lis-moi » -->
<img src="logo.png" alt="" title="Logo de l’entreprise">

<!-- Corrigé : véritablement décorative -->
<img src="logo.png" alt="">

<!-- Corrigé : véritablement significative -->
<img src="logo.png" alt="Logo de l’entreprise">

Pourquoi c’est important

Un alt="" vide déclare une image décorative, indiquant à un lecteur d’écran de l’ignorer. Cependant, certains lecteurs d’écran annoncent encore l’attribut title : ainsi, la même image reste muette pour certains utilisateurs et parle pour d’autres. Quelle que soit l’intention de l’auteur, le résultat est inadapté pour quelqu’un.

De manière générale, l’attribut title est peu fiable : il apparaît généralement uniquement sous forme d’infobulle au survol de la souris, si bien que les utilisateurs au clavier et sur écran tactile ne le voient jamais non plus.

Comment le corriger

1. Si l’image est décorative, supprimez l’attribut title et conservez le alt="" vide.
2. Si l’image est porteuse de sens, placez la description dans le texte alternatif et supprimez le title.
3. N’utilisez jamais title comme substitut du texte alternatif : il n’est pas exposé de manière fiable à quiconque.

Comment Silktide teste cela

1. Identifier toutes les images sur chaque page.
2. Sélectionner les images dont l’attribut alt est présent mais vide.
3. Signaler chacune de ces images qui possède également un attribut title non vide.

En savoir plus

• Comprendre le critère de succès 1.1.1 : Contenu non textuel (WCAG 2.2)
• Technique H67 : utiliser un texte alternatif nul et aucun attribut title sur les éléments img
• Images décoratives
• Texte alternatif manquant