Eye-Able Audit rule 8

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. Since the link itself does not contain 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

Meets

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 met

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">