Browser: Chrome
OS: macOS Sequoia
URL: https://aagproc.org
My Rank Math plugin’s SEO Analyzer first noticed this. The Bricks Slider element does not include alt text, even though alt text is in the media library for each slider image.
Browser: Chrome
OS: macOS Sequoia
URL: https://aagproc.org
My Rank Math plugin’s SEO Analyzer first noticed this. The Bricks Slider element does not include alt text, even though alt text is in the media library for each slider image.
Hi.
By slider, you mean “Carousel” element, right?
I can see the “alt” attribute here:
And this is in Media folder:
I picked the media like this, but let me know if you have different setup:
Best regards,
Matej
Hi @DerekShort,
The alt tags on my test installation show fine. I assume that perfmatters cause the issue. Can you try disabling it and see if it works?
Alternatively, please test the carousel element, too, since you’re only using images. It’s much easier and faster to select images in the carousel rather than placing them inside the slider’s rich text content.
I just tested the Carousel element. It shows the alt text, but I can’t manage to set the images’ heights to look good using the Carousel element’s settings… I don’t understand how Perfmatters can cause a problem in this situation. Do you know of a file, such as a JavaScript file link, that I can exclude in the Perfmatters settings to solve this problem?
What do you mean by that? You can tweak the defaults a bit so the images won’t cover the whole area by adding this to the carousel’s custom CSS:
%root% .image {
background-size: contain;
background-repeat: no-repeat;
}
Set the desired height in the settings, and the width will be handled automatically.
Unfortunately, I can’t answer that, but the fact is that perfmatters replaces the image (with a webp variant) and is therefore also responsible for the alt tag.