Alt text not being pulled from Statamic Asset Manager

[imbwaldo]

I'm using this …

{{ responsive:image alt="{ alt }" }}

Trying to pull in the alt text entered in the asset itself, but it ain't working. Am I doing something wrong, or is this just not what the Responsive Images addon does?

[riasvdv]

Have you tried {{ responsive:image alt="{ image:alt }" }}?

[imbwaldo]

Thanks, @riasvdv. Tried that and it didn't work. Does that work for you?

[jeremylatham]

Thanks, @riasvdv. Tried that and it didn't work. Does that work for you?

I'm having the same problem.

[Ceepster14]

Having the same problem. Interestingly on a blog listing page I'm buiilding, if I use the title i.e. alt="{title}" then the alt tag will contain the blog title, but no joy accessing the alt text entered in the Statamic Asset Manager.

[josephrlee]

Any updates on a fix for this yet? Thanks!

[BrianLangevin]

A workaround that I've found for this is to wrap the responsive tag in an asset tag with an id and container lookup.

{{ assets container="assets" :id="image:id" limit="1" }}
    {{ responsive:image :alt="alt" }}
{{ /assets }}

Obviously this solution is far from ideal.

[imbwaldo]

Thanks, @BrianLangevin. That's some workaround!

[riasvdv]

I'll try to take a look at this either this week or next week, a PR with a fix is certainly welcome as well

[codedge]

Giving it a little bump 😉 .. running into this as well

[spatie-bot]

Dear contributor,

because this issue seems to be inactive for quite some time now, I've automatically closed it. If you feel this issue deserves some attention from my human colleagues feel free to reopen it.

[josephrlee]

Just like to give this another bump. Here's another hacky solution I had to come up with that only works for pages with a single image. I set a bunch of fallbacks on the alt tag.

{{ responsive:banner_image ratio="1" sm:ratio="1.5" lg:ratio="1.75" 2xl:ratio="2.25" class="object-cover object-top w-full" alt="{{ banner_image:alt ?? banner_image_seo:alt ?? seo:title }}" }}

[imbwaldo]

Sorry, @riasvdv. This remains an issue …

[imbwaldo]

Hi, @riasvdv.

Would you please reopen this issue? Thanks!

[ncla]

Hey @riasvdv,

It seems that the issue is still present. I decided to look at this again after some folks were talking about this issue again in #addon-support on Statamic Discord server, and I thought this was fixed too. But unfortunately I could reproduce this issue locally.

There's something funky going with hydration (for lack of better word) I think, if I run toAugmentedArray on the Asset in \Spatie\ResponsiveImages\Responsive __construct, then the alt tag appears as intended. If toAugmentedArray is run only in the ResponsiveTag then it is missing the alt data (or any data from the data property in the asset .yaml file).

Would you kindly reopen this issue once again? Thanks.

[riasvdv]

Please open a new one, if you could add a failing test or a small repo with a test app so I can easily reproduce it that would help a lot as well