# How To Add Alt Text To Images In Elementor? (Step-by-Step)

Here’s a step-by-step tutorial on how to add alt text to images using Elementor. It’s a simple process. You can do it while adding the image to the page.

Author: Abhijit Rawool
Source: https://abhijitrawool.com/how-to-add-alt-text-to-images-in-elementor/
Published: 2020-05-19T06:09:06Z
Updated: 2020-07-01T09:46:14Z

If you use Elementor, then one day or the other, you will be adding images to your page using Elementor. And that’s when you might get this question…

**How to add alt text to images in Elementor?** You can add alt text to images in Elementor by following the below steps:

1.  Add the Image widget to the page. You can also use the Text Editor widget.
2.  Click on Choose Image field in the Elementor settings panel of the Image widget.
3.  In the Insert Media dialog box, you can upload an image or choose an existing image from your Media Library.
4.  Select the image to add in the Insert Media dialog box.
5.  Enter the alt text for the image in the Alt Text field of the Insert Media dialog box.
6.  Finally, click the Insert Media button to insert the image on the page with the alt text set.
7.  Save your changes.

Let’s see each of these steps in action now.  
  

## Video Tutorial

<iframe loading="lazy" title="Add Alt Text To Images In Elementor Tutorial" width="500" height="281" src="https://www.youtube.com/embed/7eo-WSLgaeo?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

[Download Website Builders’ Toolbox](/toolbox/)

If you prefer written tutorial, please keep reading.  
  

## How To Add Alt Text To Images In Elementor Using The Image Widget?

First, edit the page in Elementor on which you want to place the image.

Once Elementor is active on the page, drag-and-drop the Image widget on the page.

[

<img loading="lazy" decoding="async" width="838" height="1024" src="/wp-content/uploads/2020/05/image-widget-in-elementor-838x1024.png" alt="Image widget in Elementor">

](/wp-content/uploads/2020/05/image-widget-in-elementor.png)

Now, click on the Choose Image field from the left-side Elementor panel.

[

<img loading="lazy" decoding="async" width="838" height="1024" src="/wp-content/uploads/2020/05/choose-image-to-add-in-elementor-838x1024.png" alt="Choose image to add in Elementor">

](/wp-content/uploads/2020/05/choose-image-to-add-in-elementor.png)

The Insert Media dialog box will open up. Select the image that you want to insert on the page from the Media Library tab. You can also upload a new image from the Upload Files tab.

Once you have selected the image to insert on the page, you can set the desired alt text for the image in the Alt Text field and then click the Insert Media button to add the image on the page.

[

<img loading="lazy" decoding="async" width="1024" height="486" src="/wp-content/uploads/2020/05/add-alt-text-to-images-1024x486.png" alt="Add Alt Text to images">

](/wp-content/uploads/2020/05/add-alt-text-to-images.png)

That’s it!

That is how you can insert an image on the page with an alt text set in Elementor.

Alright! But…

What if you are using the Text Editor widget instead of the Image Widget?

Even then, the process is the same.

You will need to set the alt text in the Insert Media dialog box as you do for the Image Widget.

**Recommended Further Reading:**

-   [2 Ways To Add A Phone Number In Elementor And Make It Clickable](/how-to-add-phone-a-number-in-elementor/)
-   [How To Add An Email Link In Elementor – 2 Different Methods](/how-to-add-an-email-link-in-elementor/)
-   [Elementor Review – Only One Thing Matters In Elementor, Nothing Else!](/elementor-review/)
-   [Is Elementor SEO Friendly? (Proven With Facts And Stats)](/is-elementor-seo-friendly/)
-   [One Simple Method To Add Javascript To Elementor](/add-javascript-to-elementor/)  
      
    

## What Next?

Adding alt text to images in Elementor is no different from how you add alt text to images in WordPress.

In both cases, you can set the alt text using the Insert Media dialog box.

If you found this small little tutorial useful, then please don’t forget to share it with your friends who might find this helpful.
