What is the difference between alt and title?
HTML, Image · Jul 2, 2023
As mention in the previous article, the
alt attribute provides alternative information for an image if a user cannot view it. When an image can't be loaded, the browser will display the
alt text in its place so the user can get an idea of why the image was included.
title attribute, on the other hand, provides additional information about an image. This information is displayed as a tooltip when a user hovers over the image.
<img src="image.jpg" alt="Alternative text" title="Additional information">
alt attribute should be specified for all
<img> elements as it is important for both accessibility and SEO. The
title attribute, on the other hand, is optional and should only be used when you need to provids additional information about the image.
Written by Angelos Chalaris
If you want to keep in touch, follow me on GitHub.