Image And Link Alt / Title Tags - Question | JoomShaper

Image And Link Alt / Title Tags

SO

Stuart Oh

SP Page Builder 1 week ago

Hi

I have a question about SP Page Builder add-ons, particularly the Image Carousel and Image Overlay.

There is no way to add alt="text" to images in the Image Overlay add-on or title="text" tags to the buttons links in the Image Carousel add-on, which affects the accessibility score in core vitals.

To get around this, I manually dded the alt and title tags to the JSON file, then imported it, but SP Page Builder strips out the data that I added.

Is there a known workaround for adding alt="text" to images or title="text" tags to Image Carousel and Image Overlay add-ons? It's a pretty basic standard, after all.

Thanks

0
6 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #218213

Hello Stuart,

Thank you for reaching out to us.

The Image Overlay addon uses the image as a background image. Since it is applied as a background, ALT text is not required in this case.

For the Image Carousel addon, there is an option available where you can add ALT text to each image.

Thanks.

0
SO
Stuart Oh
Accepted Answer
1 week ago #218262

Hi

Sorry, I forgot that the Image Overlay add-on used a background image! For the Image Carousel I was already adding alt="" tags.

I think my main concern about both add-ons was that there doesn't seem to be a way to add title="" tags to the buttons. Did I miss something there as well?

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 week ago #218270

Hi Stuart,

Thanks for your clarification 🙂

You didn’t miss anything — currently, the Image Carousel and Image Overlay addons in SP Page Builder work this way.

Image carousel already provide image alt text options.

Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #218290

About Titles for used Buttons in those addons, they are not needed until you use a good text for button itself, not making common mistake like "read more" or "click here" !!!

0
SO
Stuart Oh
Accepted Answer
1 week ago #218292

Hi Paul, yes, I'm using comprehensive button labels (an old habit), but testing the core vitals the site is being penalised for not having 'discernable titles' for accessibility.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 week ago #218308

As you can read title="..." is not needed. However, aria-labelledby or aria-label may be useful.

By now, you have to override & customize addon code to add more features.

0