EA-R8
Kein zugänglicher Name für verlinktes Bild
Diese Regel ist ein Fehler und testet folgende Barrierefreiheitsrichtlinien:
Erklärung
Fehlender zugänglicher Name in verlinkten Bild. Da der Link selbst keinen Text enthält, muss das Bild einen Alternativtext haben. Ein Titel-Attribut ist nicht für alle Screenreader ausreichend.
Tipp
Ergänzen Sie einen aussagekräftigen Alternativtext für den Link oder das verlinkte Bild.
Beispiele
Erfüllt
Das im Link <a> enthaltene Bild <img> hat einen Alternativtext hinterlegt.
<a href="/">
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
</a>
Nicht erfüllt
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Der Link hat hierdurch keinen zugänglichen Namen.
<a href="/">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Das Titel Attribut des Links wird nicht von allen Screenreadern zuverlässig erkannt und ist nicht ausreichend.
<a href="/" title="Link zur Startseite">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
Nicht anwendbar
Das Bild <img> ist nicht Teil eines Links <a>.
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
