How do you add Alt text for gifs on Dreamweaver

Forum|Forum|5 years ago
November 14, 2020
5 replies
615 views

I want to add alt text to my gifs and, I have written it into the alt text but, it isn't showing.

I don't know if it just works for images but, I want to have the alt text being show alongside my gifs on the site.

I had attached the screenshot to help provide contexts in wanting to add text with the image.

This topic has been closed for replies.

christianm11018655Author

Participant

Thank you everyone, I have resolve it.

Nancy OShea

Community Expert

Tell us your solution for other people who may have a similar problem.

Also, please choose a correct answer from the replies given.

Thanks,

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

Incidentally, low resolution GIFs are rarely used anymore except for animations such as the ones you see on GIPHY.

For better image quality consider using SVG or web optimized PNG or JPG.

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

#1 Don't use spaces in folder or filenames. It's invalid HTML5 code. You may use underscores_ or hyphens - between words if needed but not spaces.

#2 Alternative text is for accessibility only. The ALT attribute doesn't DO anything except in screen readers or when the image fails to load. See link below for more .

https://moz.com/learn/seo/alt-text

#3 On devices that have a mouse, the TITLE attribute brings up a browser tooltip that's displayed briefly when users hover over the image. However, nothing happens on touch screen devices thus the TITLE attribute is NOT a replacement for actual text captions.

#4 Revised code:

<figure>
<img src="black_trolly.gif" alt="Image of a shopping cart on a black background" title="09/05/2010">
<figcaption>Black Trolly taken on 09/05/2010</figcaption>
</figure>

Nancy O'Shea— Product User & Community Expert

B

Ben M

Community Expert

Alt text shows if the images doesn't load, or if a user hovers over it, or if it needs to be read for accessibility reasons. Otherwise it will not show or be visible in any way. If you want text to be visible next to your image in the browser they you will need to add that text to your page near your image as you want it displayed.