HTML <img> altAttribut

HTML <img>-Tag

Beispiel

Bild mit angegebenem Alternativtext:

<img src="smiley.gif.html" alt="Smiley face">

Selbst ausprobieren »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Alle gängigen Browser unterstützen das alt-Attribut.

Definition und Verwendung

Das alt-Attribut ist ein erforderliches Attribut, das alternativen Text angibt, wenn das Bild nicht angezeigt werden kann.

Angenommen, der Benutzer kann das Bild aus irgendeinem Grund nicht ansehen (z. B. langsame Netzwerkgeschwindigkeit, ein Fehler im src-Attribut, das Deaktivieren von Bildern durch den Browser oder die Verwendung eines Screenreaders durch den Benutzer), kann das alt-Attribut alternative Informationen für das Bild bereitstellen.

Hinweis:Wenn der Benutzer die Maus über das img-Element bewegt, zeigt Internet Explorer (Versionen vor 9) den Wert des alt-Attributs als Tooltip an. Gemäß der HTML-Spezifikation ist dieses Verhalten nicht korrekt.

Tipp:Wenn Sie einen Tooltip für ein Bild erstellen möchten, verwenden Sie dastitle-Attribut!

Unterschiede zwischen HTML 4.01 und HTML5

Keine.

Syntax

<img alt="Text">

Attributwerte

Wert Beschreibung
text Gibt den Alternativtext für das Bild an.

Grundsätze für die Verwendung von Alternativtext:

  • Wenn das Bild Informationen enthält, verwenden Sie alt, um das Bild zu beschreiben
  • Wenn sich das Bild in einem <a>-Element befindet, verwenden Sie alt, um den Ziellink zu beschreiben
  • Wenn das Bild nur zur Dekoration dient, verwenden Sie alt=""

HTML <img> Tag Weitere Erweiterungen