alt HTML attribuut
3 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het alt attribuut?
Alternatieve tekstomschrijving van de afbeelding, gebruikt door screenreaders en getoond als de afbeelding niet geladen kan worden. Bij <input type="image"> is het de toegankelijke naam van de verzendknop. Laat het attribuut leeg (alt="") als de afbeelding puur decoratief is.
<img src="hond.jpg" alt="Bruine labrador die in het park rent">Welke HTML-elementen kennen alt?
<area>
Het <area>-HTML-element definieert een gebied binnen een image map dat vooraf gedefinieerde klikbare zones heeft. Een image map maakt het mo...
href-attribuut wordt gebruikt.
<img>
Het <img>-element van HTML bettet een afbeelding in het document in.
Definieert tekst die de afbeelding op de pagina kan vervangen.
Browsers geven niet altijd afbeeldingen weer. Er zijn verschillende situaties waarin een browser mogelijk geen afbeeldingen weergeeft, zoals:
- Niet-visuele browsers (zoals die gebruikt worden door mensen met een visuele beperking)
- De gebruiker kiest ervoor geen afbeeldingen weer te geven (om bandbreedte te besparen, om privacyredenen)
- De afbeelding is ongeldig of heeft een niet-ondersteund type
In deze gevallen kan de browser de afbeelding vervangen door de tekst in het alt-attribuut van het element. Geef daarom, en om andere redenen, waar mogelijk een nuttige waarde op voor alt.
Als dit attribuut wordt ingesteld op een lege string (alt=""), geeft dit aan dat deze afbeelding geen essentieel onderdeel van de inhoud is (het is decoratie of een trackingpixel), en dat niet-visuele browsers deze mogen weglaten uit de weergave. Visuele browsers verbergen ook het pictogram voor een gebroken afbeelding als het alt-attribuut leeg is en de afbeelding niet kon worden weergegeven.
Dit attribuut wordt ook gebruikt wanneer de afbeelding wordt gekopieerd en als tekst geplakt, of wanneer een gelinkte afbeelding als bladwijzer wordt opgeslagen.
<input>
Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...
image-knop; het alt-attribuut biedt alternatieve tekst voor de afbeelding, en toont de waarde van het attribuut wanneer de afbeelding src ontbreekt of anderszins niet geladen kan worden. Zie het invoertype image.