EA-R8
No accessible name for linked image
This rule is an error and tests the following accessibility guidelines:
Explanation
Missing accessible name in linked image. As the link itself does not contain any text, the image must have an alternative text. A title attribute is not sufficient for all screen readers.
Tip
Add a meaningful alternative text for the link or the linked image.
Examples
Fulfilled
Das im Link <a> enthaltene Bild <img> hat einen Alternativtext hinterlegt.
<a href="/en/">
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
</a>
Not fulfilled
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Der Link hat hierdurch keinen zugänglichen Namen.
<a href="/en/">
<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="/en/" title="Link zur Startseite">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
Not applicable
Das Bild <img> ist nicht Teil eines Links <a>.
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
