Alternative text not showing up

  • 1
  • Problem
  • Updated 7 years ago
  • Solved
I've added alternative text to my images and made sure to publish my site but when I look at my site in a new tab and hover my mouse over the images the text doesn't show up. If you need my site address, it is http://www.farragio.com

I am using Firefox 5.0.

Thanks.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
  • puzzled

Posted 7 years ago

  • 1
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Angela,

Alternative text is meant for people who turn off images in their browsers and search engines. Internet Explorer shows it as hover text (which is technically incorrect); Firefox does not show it as hover text. Firefox will show the Title attribute as hover text but this will need to be added with a bit of code. If you want to show it in Firefox, you must use the Text Widget and not the Picture Widget.

1) Drag and Drop a Text Widget on your page.
2) Click on Insert Image.
3) Add the image.
4) Click on the blue rectangle marked HTML.
5) Find the code for the image. It will look something like: <p><img style="margin: 4px; padding: 0px;" src="resources/200px-Crystal_Clear_action_bookmark_blue.svg.png?timestamp=1309488807184">&nbsp;</p>

6) Add the alt and title attributes so it looks something like: <p><img style="margin: 4px; padding: 0px;" src="resources/200px-Crystal_Clear_action_bookmark_blue.svg.png?timestamp=1309488807184"; alt="Star"; title="Star">&nbsp;</p>
7) Save and Publish.

Please let us know if you have any trouble with this.
Photo of farragio

farragio

  • 90 Posts
  • 9 Reply Likes
Works perfectly! Thanks so much for the help!
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Glad to hear it! :)