Der alternative Bildtext darf nicht als sichtbarer Text wiederholt werden

Blind Hören
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

Wenn der alternative Text (alt-Attribut) eines Bildes oder einer Schaltfläche identisch mit dem sichtbaren Link- oder Schaltflächentext ist, hören Screenreader-Nutzer die Information doppelt, was die Benutzererfahrung beeinträchtigt.

Warum es wichtig ist

Screenreader lesen sowohl den alt-Text als auch den angrenzenden Text vor. Wenn beide identisch sind, entsteht eine redundante und verwirrende Ausgabe. Eine klare und knappe Trennung von Bildbeschreibungen und sichtbarem Text sorgt für eine bessere Barrierefreiheit und Verständlichkeit.

Behebung des Problems

Vermeiden Sie doppelte Informationen, indem Sie den alt-Text und den sichtbaren Text unterschiedlich formulieren. 

Gutes Codebeispiel

Codebeispiel
<input type="image" src="submit.png" name="submit" height="36" width="113" alt="Absenden"> Kopieren

Schlechtes Codebeispiel

Codebeispiel
<p><a href="index.html"><img src="images/home-icon.png" alt="Startseite" width="24" height="25">Startseite</a></p> Kopieren