alt attribute on an <img> tag defines alternative text to display in case the image cannot be loaded.
alt attribute on an <img> element.
The image is loaded without error, therefore the alternative text does not display.
<img src="/img/html/vangogh.jpg" alt="Van Gogh, Self-portrait">
In this example the image name has a typo is therefore not found.
alt text displays next to a broken image icon.
<img src="/img/html/vangooi.jpg" alt="Van Gogh, Self-portrait">
alt attribute specifies alternative text for an image.
This text will be displayed when the image is not found, or cannot be loaded.
Alternative text is also used by screen readers and SEO to describe the image.
Tip: Use the
alt attribute on all your images.
<img alt="text" />
|text||Alternative text for an image element.|
Here is when
alt support started for each browser:
Back to <img>