Unlike the Microsoft Internet Explorer browser, Mozilla Firefox, Google Chrome, and other browsers do not display the text used in the alt attribute when hovering over an image. The alt text is designed to display when an image doesn’t load, whereas the title text is designed to display balloon text for images that do. Firefox, Chrome, and other browsers (except Internet Explorer) follow the W3C standards for HTML, which states that an image should have title attribute for balloon text. For that reason, these browsers do not display the alt text on hovering over the image.
If you want balloon text to appear when the mouse hovers over an image, add “title” to the img HTML tag as shown in the example code below.
Image with only an alt attribute. (Does not show balloon text.)
Image with both alt and title attributes. (Shows balloon text with mouse hover.)
If you are using Mozilla Firefox or Google Chrome, the first example displays no balloon text with only an alt attribute in the code. However, adding the title attribute, as seen in the second example, displays balloon text when the mouse hovers over the image.
Related information
- HTML
tag information and help
- How to create a text description for an image in HTML.
- Computer Hope media library
- HTML and web design help and support.
