HTML alt- kenmerk
Definitie en gebruik
Het alt-attribuut biedt alternatieve informatie voor een afbeelding als een gebruiker deze om de een of andere reden niet kan bekijken (vanwege een trage verbinding, een fout in het src-attribuut of als de gebruiker een schermlezer gebruikt).
Opmerking: het alt-attribuut is vereist voor het <img>-element.
Opmerking: voor <input>-elementen kan het alt-attribuut alleen worden gebruikt met <input type="image">.
Tip: gebruik het title - attribuut om een tooltip voor een afbeelding te maken !
Geldt voor
Het alt-attribuut kan worden gebruikt op de volgende elementen:
| elementen | Attribuut |
|---|---|
| <gebied> | alt |
| <img> | alt |
| <invoer> | alt |
Voorbeelden
Gebied Voorbeeld
Een afbeeldingskaart, met aanklikbare gebieden:
<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>
Img Voorbeeld
Een afbeelding met een alternatieve tekst gespecificeerd:
<img src="smiley.gif" alt="Smiley face">
Invoervoorbeeld
Een HTML-formulier met een afbeelding die de verzendknop vertegenwoordigt:
<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>
Browserondersteuning
Het altattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |