• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How do you add Alt text for gifs on Dreamweaver

New Here ,
Nov 14, 2020 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

195

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
community guidelines
Community Expert ,
Nov 14, 2020 Nov 14, 2020

Copy link to clipboard

Copied

This may help you:

https://www.w3schools.com/html/html_images.asp

Wappler, the only real Dreamweaver alternative.

Votes

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
community guidelines
Community Expert ,
Nov 14, 2020 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.

Votes

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
community guidelines
Community Expert ,
Nov 14, 2020 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Expert ,
Nov 14, 2020 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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
New Here ,
Nov 16, 2020 Nov 16, 2020

Copy link to clipboard

Copied

Thank you everyone, I have resolve it. 

Votes

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
community guidelines
Community Expert ,
Nov 16, 2020 Nov 16, 2020

Copy link to clipboard

Copied

LATEST

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 & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines