Adapt Image Title For Free

The alt and title attributes of an image are commonly referred to as 'alt tag' or 'alt text', and 'title tag'. (Technically they're not tags, they're attributes, but you don't need to worry about that). These attributes allow you to add textual descriptions of your image, which can help with both SEO and accessibility.

In the context of the image tag, alt text is used to describe visual elements to users who can't see them, either because the image failed to load or because they are using a screen-reader. The image title attribute is only visible on mouse-over and displays just the image title.

Alt text, or alternative text, is used to display text that describes an image to ?alternative? sources. Primarily, its goal is to make images more accessible to the blind who use screen readers, to make the web much more accessible per W3C accessibility guidelines.

Captions describe images to help users relate them to surrounding text. Titles identify images and number them in long-form content.

An image title represents the image's meaning, and purpose visually for the user. A search engine can read the image titles as they read the image alt tags.

Image Title Attribute You should use different image title text than your Alt text if appropriate and also make sure that the image title is DIFFERENT for every image. Finally, you should again use Capital Letters at the beginning of each word for the image title attribute for aesthetics.

The title attribute on an <img> tag adds a tooltip with title text to the image. Hovering the mouse over the image will display the tooltip.