Skip to main content

Product gallery and image alt text

Netcompany Admin

Hi,

I am trying to add alt texts and caption/title to the images that are displayed in a Cloudinary Product Gallery widget.

I have added alt text and caption in the standard Media Library. How can I get those properties to be set on the image in the product gallery? I didn't find any mention of it in the product gallery documentation.

In addition, I am wondering if it's somehow possible to enable 'saving' images. Our customer want their users to be able to, for an example, right-click an image to save it locally. If there are other 'saving' alternatives I'm also interested in hearing about them.

Best regards,
Tobias

0

Comments

9 comments

Date Votes
  • Official comment
    Akshay Joshi

    Hi Nick,

    Starting June 2021 all Cloudinary Product Galleries include alt text.

    Here is the link to the documentation: https://cloudinary.com/documentation/product_gallery#accessible_text

    Hope this helps.

    Best,

    Akshay

  • Shirly Manor

    Hi Tobias,

    You can get the alt text and add it as text overlay. For example:

     

     "mediaAssets": [{
    "tag": "mytag",
    "mediaType": "image",
    "transformation": {
    "crop": "fill",
    transformation: [
    {
    overlay: "text:Arial_80:Text for overlay",
    gravity: "center",
    width: 2.5

    }
    ]

    In regard to your other question, there is no easy way to add a download option. However, when adding the flag attachment it will download the image. so you can add `a herf` and set it to the URL:

    var url = cl.url("sample" , {raw_transformation:'fl_attachment'});

    Will reproduce:

    https://res.cloudinary.com/demo/image/upload/fl_attachment/sample.jpg

    0
  • Jure Mrduljas

    Users first question has not been answered. : (


    He asked: " I have added alt text and caption in the standard Media Library. How can I get those properties to be set on the image in the product gallery? "

    Code you presented will put/display text over every image in a gallery.

    User wanted contextual metadata he entered for his images in Medial Library to be visible in his Product gallery as alt text and title text.  
    Example:<img src=“image.jpg” alt=“image description” title=“image tooltip”>

    I have the same issue. Alt tags are super important for SEO so I was shocked when Google Lighthouse report told me that my gallery images have no alt tags. :(

    <img itemprop="image" src="https://res.cloudinary.com/aba-vela/image/upload/b_auto,c_pad,dpr_3.0,f_auto,h_225,q_auto,w_400/c_pad,h_225,w_400/v1/boats/bavaria-51/charter-sailing-yacht-croatia-split-bavaria-51-a1_ldcbuu?pgw=1">


    Please help.


    0
  • Loic Verger Del Bove

    Hi Jure,

    Currently, this is not something that we support. I have submitted a feature request internally to see if it can be added to our roadmap.

    Please also feel free to suggest this on our [public roadmap](https://cloudinary.com/roadmap)!

    Let me know if there is anything else I can help you with!

    Best,
    Loic

    0
  • Jaymie Jeffrey

    This makes no sense; you have all the image resizing capabilities, but you can not add the "alt" tag to an image? That's 101 SEO stuff and for me it's a game changer. I was about to purchase a package, but if it can't even do that then I can't justify spending any money on this product.....

    1
  • Loic Verger Del Bove

    Hi Jaymie,

    As mentioned in the ticket you also created, this is unfortunately not yet supported.

    I have added your case to the feature request created previously.

    Hope it makes sense and please let me know if there is anything else I can help you with!

    Best,
    Loic

    0
  • Jonathan Harris

    Hello Loic,

    I came across this topic while undergoing efforts to make our site WCAG compliant. Alt tags are required to become compliant and many sites are now facing lawsuits if they cannot comply. I would think that this would be top of the list based on this fact. https://webaim.org/techniques/alttext/

    Please direct this request up the chain ASAP.

    Thanks,

    Chris

    1
  • Loic Verger Del Bove

    Hi Jonathan,

    Thanks for sharing those insights. 

    I have added those details to the existing feature request with some links I was able to find regarding the possible lawsuit.

    Hope that makes sense.

    Best,

    Loic

    0
  • Nick Medrano

    Hi guys, just checking to see if there was an update on this? Any ability to add alt tags to the images yet?

    0

Post is closed for comments.

Didn't find what you were looking for?

New post