# Adding Alt Text to image slider images

**URL:** <https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648>\
**Category:** Elements\
**Created:** [February 23, 2026, 5:56pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648 "2026-02-23T17:56:58Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nate](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nate](https://forums.realmacsoftware.com/u/Nate)\
**Post date:** [February 23, 2026, 5:56pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/1 "2026-02-23T17:56:58Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Christ2RCulture](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/christ2rculture/32/14040_2.png) [@Christ2RCulture](https://forums.realmacsoftware.com/u/Christ2RCulture)\
**Post date:** [February 23, 2026, 7:02pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/2 "2026-02-23T19:02:50Z")

</div>

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. 😊

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 23, 2026, 10:10pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/3 "2026-02-23T22:10:27Z")

</div>

You can add a caption in the Resource Inspector, this should be used as the alt tag 🙂

 ![CleanShot 2026-02-23 at 10 .10.08@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/b/6b793e050da04e70f2aca2c41b885d06b547b66c.jpeg)

---

<div class="post-metadata">

**Author:** ![Christ2RCulture](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/christ2rculture/32/14040_2.png) [@Christ2RCulture](https://forums.realmacsoftware.com/u/Christ2RCulture)\
**Post date:** [February 24, 2026, 2:22am UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/4 "2026-02-24T02:22:29Z")

</div>

@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](https://share.cleanshot.com/CmlHBzY5)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 24, 2026, 11:10am UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/5 "2026-02-24T11:10:44Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Nate](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nate](https://forums.realmacsoftware.com/u/Nate)\
**Post date:** [February 24, 2026, 5:11pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/6 "2026-02-24T17:11:35Z")

</div>

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.

 ![Screenshot 2026-02-24 at 12.10.53 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/a/ca8a5b818bbb425c3e78495dccf82eb848f25772.jpeg)

---

<div class="post-metadata">

**Author:** ![Nate](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nate](https://forums.realmacsoftware.com/u/Nate)\
**Post date:** [February 24, 2026, 6:20pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/7 "2026-02-24T18:20:01Z")

</div>

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?

 ![Screenshot 2026-02-24 at 1.19.30 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/c/bc3344400d0e1955d069600e6154b0fe67367588.png)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 25, 2026, 8:38am UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/8 "2026-02-25T08:38:12Z")

</div>

Hi @Nate,

> [@Nate](#):
>
> when I publish the site and inspect the HTML I don’t see the wording. Am I missing something here?

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:

1. **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.
2. Add the text using a Text component and apply the `sr-only` class 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:

> **[Screen-reader only - display - Layout](https://tailwindcss.com/docs/display#screen-reader-only)**
>
> Use the inline, inline-block, and block utilities to control the flow of text and elements: | Utilities for controlling the display box type of an element.

It hides content visually but keeps it available to assistive technologies.

Let me know if you’d like help implementing either approach 🙂

---

<div class="post-metadata">

**Author:** ![Nate](https://avatars.discourse-cdn.com/v4/letter/n/e95f7d/32.png) [@Nate](https://forums.realmacsoftware.com/u/Nate)\
**Post date:** [February 25, 2026, 3:57pm UTC](https://forums.realmacsoftware.com/t/adding-alt-text-to-image-slider-images/54648/9 "2026-02-25T15:57:17Z")

</div>

@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.
