How do you add Alt text for gifs on Dreamweaver

6 replies
641 views
Translate

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 is closed to new replies. Start a new post to keep the conversation going.

christianm11018655Author

Participant

Thank you everyone, I have resolve it.

Translate

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,

Translate

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.

Translate

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>

Translate

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.

Translate