Der alternative Bildtext darf nicht als sichtbarer Text wiederholt werden
Blind
Hören
WCAG 2.2 Level A
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