Highlighted

How do you add Alt text for gifs on Dreamweaver

New Here ,
Nov 14, 2020

Copy link to clipboard

Copied

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.

Views

58

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How do you add Alt text for gifs on Dreamweaver

New Here ,
Nov 14, 2020

Copy link to clipboard

Copied

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.

Views

59

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 14, 2020 0
Adobe Community Professional ,
Nov 14, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 14, 2020 0
Adobe Community Professional ,
Nov 14, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 14, 2020 0
Adobe Community Professional ,
Nov 14, 2020

Copy link to clipboard

Copied

#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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 14, 2020 0
Adobe Community Professional ,
Nov 14, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 14, 2020 0
New Here ,
Nov 16, 2020

Copy link to clipboard

Copied

Thank you everyone, I have resolve it. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 16, 2020 0
Adobe Community Professional ,
Nov 16, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 16, 2020 0