Attribut title sur un texte alternatif vide

Silktide trouve des images qui sont marquées comme décoratives avec un texte alternatif vide mais qui comportent aussi un attribut title. Ces deux attributs se contredisent, et les technologies d'assistance gèrent ce conflit de manière imprévisible.

<!-- Problème : alt dit "ignore-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, en indiquant à un lecteur d'écran de l'ignorer. Un attribut title, cependant, est encore annoncé par certains lecteurs d'écran — la même image est donc silencieuse pour certains utilisateurs et lue pour d'autres. Quelle que soit l'intention de l'auteur, le résultat sera inadapté pour quelqu'un.

L'attribut title est généralement peu fiable : il apparaît habituellement uniquement comme info-bulle au survol de la souris, de sorte que les utilisateurs au clavier et sur écran tactile ne le voient pas non plus.

Comment corriger

1. Si l'image est décorative, supprimez l'attribut title et conservez le alt="" vide.
2. Si l'image est significative, déplacez la description dans le texte alternatif et supprimez le title.
3. N'utilisez pas title comme substitut au texte alternatif, où que ce soit - il n'est pas exposé de manière fiable à qui que ce soit.

Comment Silktide teste ceci

1. Repérer 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 comporte aussi 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