Alt text and lazyloading

  • Resolved alexandrapais

    (@alexandrapais)


    2 years, 9 months ago

    Hello,

    I am having issue with the alt text of my images. It seems like the lazy loading creates multiple versions of the same image. And some of this versions don’t have alt text, even thought the parent picture has one on my wordpress library.

    Did I miss something ?

    For example :

    <a href="https://www.alternative-francaise.fr/categorie/decoration/"><img width="46" height="46" data-src="https://www.alternative-francaise.fr/wp-content/uploads/001-aromatherapy-150x150.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" /><noscript><img src="https://www.alternative-francaise.fr/wp-content/uploads/001-aromatherapy-150x150.png" width="46" height="46" /></noscript>Décoration</a>

    Alt text should be “Decoration et home”.

    Thanks for your help!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Pawel – WPMU DEV Support

    (@wpmudev-support9)

    2 years, 9 months ago

    Hi @alexandrapais,

    Thank you for contacting us.

    Please note, lazy load feature will not create multiple versions of the image. The image you provided looks like one of the thumbnails created, which is created by default from the image you upload based on the theme setup for these. I checked the page you provided, but could not find this 150×150 image. Instead, I found this other image which does have the alt text:

    <img alt="Décoration et Home" width="512" height="512" src="https://www.alternative-francaise.fr/wp-content/uploads/001-aromatherapy.png" />

    Could you please provide us with the page URL where you found the 150×150 image? Also, in case you have any other image optimization plugin or image optimization theme setting, please deactivate this so that it does not conflict with Smush.

    Best,
    Jonathan S

    Thread Starter alexandrapais

    (@alexandrapais)

    2 years, 9 months ago

    Hello,

    Thanks for your help. On this page : https://www.alternative-francaise.fr/categorie/mode/, you can see for example line 393 of the source code.

    <img width="46" height="46" data-src="https://www.alternative-francaise.fr/wp-content/uploads/003-tshirt-1-150x150.png" class="lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />

    With your advice, I did disactive all my plugin one by one, and the alt is never shown. It seems to be maybe my theme and not a plugin like I first thought.

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    2 years, 9 months ago

    Hi @alexandrapais

    The images are from your Theme navigation.

    You will see “duplicate” on NoScript tag which is used when there is no JavaScript enabled on Browser, but Smush won’t generate the image only copy the HTML from the theme or plugins.

    https://monosnap.com/file/NgysReIXbStyw4p0SaEYaKacikhUzp

    Let us know if you have any additional questions.
    Best Regards
    Patrick Freitas

    Thread Starter alexandrapais

    (@alexandrapais)

    2 years, 9 months ago

    Thanks, i’ll chec with the theme editor 🙂

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    2 years, 9 months ago

    Hi @alexandrapais

    You are welcome.

    We will mark this as resolved, but feel free to ping us any time you need.

    Best Regards
    Patrick Freitas

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Alt text and lazyloading’ is closed to new replies.