HTML -alt -Attribut
Definition und Verwendung
Das alt-Attribut bietet alternative Informationen für ein Bild, wenn ein Benutzer es aus irgendeinem Grund nicht anzeigen kann (aufgrund einer langsamen Verbindung, eines Fehlers im src-Attribut oder wenn der Benutzer einen Bildschirmleser verwendet).
Hinweis: Das alt-Attribut ist für das <img>-Element erforderlich.
Hinweis: Für <input>-Elemente kann das alt-Attribut nur mit <input type="image"> verwendet werden.
Tipp: Um einen Tooltip für ein Bild zu erstellen, verwenden Sie das title- Attribut!
Gilt für
Das alt-Attribut kann für die folgenden Elemente verwendet werden:
| Elemente | Attribut |
|---|---|
| <Gebiet> | alt |
| <Bild> | alt |
| <Eingabe> | alt |
Beispiele
Bereich Beispiel
Eine Imagemap mit anklickbaren Bereichen:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Bildbeispiel
Ein Bild mit einem angegebenen alternativen Text:
<img src="smiley.gif" alt="Smiley face">
Eingabebeispiel
Ein HTML-Formular mit einem Bild, das die Senden-Schaltfläche darstellt:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Browser-Unterstützung
Das altAttribut hat die folgende Browserunterstützung für jedes Element:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |