I’m sure I’m missing it but I can’t find a way to add Alt Text to images used in the image slider component. I move a folder of images into the component but then I can’t figure out how to add Alt Text to each one.
When I reference images in my Markdown CMS file, I can add alt-text there.
We used to be able to put the word “edge” in the alt-text field in RW to make it automatically stretch the image to the edge. I am hoping the ability returns. ![]()
@dan Maybe I misunderstood. I added the word “edge” to the caption on some of my graphics, but it doesn’t stretch them to the right edge of the screen. Am I doing something wrong? Thanks again for your kind help. CleanShot 2026-02-23 at 20.20.18 · CleanShot Cloud
Hi @Christ2RCulture, I think you are getting confused, alt text is assigned to an image to tell search engines and screen readers what the image is displaying.
Alt text (alternative text) is a concise, 1-2 sentence description of an image added to HTML or documents to make them accessible to screen readers, improve SEO, and display if an image fails to load.
If you need help with layout, perhaps start a new thread and post a demo project on Elements Cloud so we can take a look ![]()
Hope that helps clear things up.
Thanks for your help, @Dan. I added the wording that I would use for Alt Text on a photo to the “Caption” input area but when I publish the site and inspect the HTML I don’t see the wording. Am I missing something here? Attached is a screenshot of the photo and the HTML.
The caption entrees for each photo do show up as alt text when using the masonry images component though. Maybe it just doesn’t work for background images?
Hi @Nate,
It looks like the image has been set as a background on a Container. In that setup, there isn’t an <img> element in the markup, so there’s nowhere to apply an alt attribute.
That’s standard HTML behaviour, the alt attribute can only be used on an <img> element.
If you need to provide alternative text for accessibility, you have a couple of options:
- Use an Image component instead of a background image, and layer your content on top of it. This allows you to properly set the alt attribute.
- Add the text using a Text component and apply the
sr-onlyclass under Advanced → CSS Classes to visually hide it while keeping it accessible to screen readers.
You can read more about the sr-only utility here:
It hides content visually but keeps it available to assistive technologies.
Let me know if you’d like help implementing either approach ![]()
@Ben, Thanks for your help on this. I don’t know how you guys do all the work on Elements and also trouble shoot all the diverse issues we users encounter. I love Elements and am grateful for all you do! I’ll let you know if I have trouble layering my content.


