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.

The 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">

Overall, the 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

I'm Angelos Chalaris, a JavaScript software engineer, based in Athens, Greece. The best snippets from my coding adventures are published here to help others learn to code.

If you want to keep in touch, follow me on GitHub.

More like this