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