Image alt-eigenschap

HTML DOM Image object

Definitie en gebruik

alt eigenschap instellen of teruggeven van de afbeelding alt-eigenschap waarde.

Als de afbeelding om welke reden dan ook niet kan worden weergegeven (vanwege een trage verbindingssnelheid, een foutieve src-eigenschap of het gebruik van een schermlezer door de gebruiker), deze vereiste alt-eigenschap Definieer de alternatieve tekst voor een afbeelding.

Opmerking:Wanneer de muis over het <img>-element wordt gehouden, toont Internet Explorer de waarde van de alt-eigenschap als tooltip. Volgens de HTML-norm is dit geen correct gedrag. Alle andere browsers volgen de norm en tonen de alternatieve tekst alleen wanneer de afbeelding niet kan worden weergegeven.

Tip:Als je een tooltip wilt maken voor een afbeelding, gebruik dan de globale title-eigenschap.

Voorbeeld

Voorbeeld 1

Geef de alternatieve tekst van de afbeelding terug:

var x = document.getElementById("myImg").alt;

Probeer het zelf

Voorbeeld 2

Wijzig de alternatieve tekst van de afbeelding:

document.getElementById("myImg").alt = "Beijing scenery";

Probeer het zelf

Syntaxis

Geef de alt-eigenschap terug:

imageObject.alt

Stel de alt-eigenschap in:

imageObject.alt = text

eigenschapswaarde

waarde beschrijving
text

Definieer de alternatieve tekst voor een afbeelding.

Alternative text guide:

  • If the image contains information, the text should describe the image
  • If the image is within an <a> element, the text should indicate the position of the link
  • If the image is only for decoration, please use alt=""

Technical details

Return value: String value representing the alternative text of the image.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Related pages

HTML reference manual:HTML <img> alt attribute

HTML DOM Image object