Studio Editor: Adding Alt Text to Images

Alternative (alt) text provides a concise description of visuals, helping search engines and assistive technologies understand the content. Alt text can improve both the site's accessibility and SEO, making it an essential part of site building.

Make it a standard practice to include alt text for all images and GIFs on your client's site. As well as enhancing the experience for visitors, alt text can improve search visibility. This elevates the overall quality of the sites you create, and clients will appreciate the resulting accessibility and higher search rankings.

Adding alt text to images in your editor

No matter whether the site has single images, pro galleries, or both, you can add alt text. You can add it to single images from their settings, and to pro gallery images from the Media Manager.

To add alt text in the editor:

1. Go to your editor.

2. Click the relevant image or pro gallery.

3. Add the alt text:

Single images

1. Click the Settings icon

   

   .

2. Write a short description for your image under What's in the image?.

3. Press Enter on your keyboard to save.

Pro gallery images

1. Click Manage Media.

2. Select an image.

3. Enter a title for the image in the field.

4. Edit the alt text for your image under Alt text if you want it to be different from the image's title.

5. Click Done.

Note:

It is not currently possible to add alt text to images / galleries in bulk. If you would like to see this feature, you can vote for it here.

Adding alt text to images in the Accessibility Wizard

You may be prompted to add alt text to images when you scan a site with the Accessibility Wizard. If you have already added alt text, you can still use the task's drop-down to update it.

To add alt text in the wizard:

1. Go to your editor.

2. Click Site Checker

   

   on the left side of your editor.

3. Select Fix Accessibility Issues.

4. Click Scan Site.

5. Select the Detected issues tab.

6. Open the relevant page drop-down.

   • (If not all images have alt text) Click Get started.

   • (If you have previously added alt text to all of the images) Click Edit.

7. Click the Edit icon

   

   beside the relevant image and enter the text into the field.

8. Click Apply.

Tip:

You can click Apply as you go, or when you're finished adding alt text to all images in the panel.

Generating AI alt text in the Accessibility Wizard

Not sure where to start? You can generate alt text with AI in the Accessibility Wizard. The tool provides 2 options to best suit your needs - you can use it on specific images, or generate text in bulk for every image on the page.

Important:

• SVG or GIF images are not supported by the AI alt text tool. You need to manually write the alt text for these files.

• We cannot guarantee that AI generated alt text is always completely accurate. We therefore recommend checking the generated text for every image, and editing it as needed.

To generate AI alt text:

1. Go to your editor.

2. Click Site Checker

   

   on the left side of your editor.

3. Select Fix Accessibility Issues.

4. Click Scan Site.

5. Select the Detected issues tab.

6. Open the relevant page drop-down.

   • (If not all images have alt text) Click Get started.

   • (If you have previously added alt text to all of the images) Click Edit.

7. Select what you want to do:

   • Generate alt text for a single image:

     1. Click the Edit icon

        

        next to the relevant image.

     2. Click Generate.

   • Bulk generate alt text for all page images: Click Generate.

8. Check the generated text and make any necessary changes.

9. Click Apply.

Using bulk editing?

The tool does not create alt text for images that are marked as decorative, or those that already contain alt text.

Note:

Occasionally, you may see that the AI tool has failed to generate alt text for an image / images on a page. You can click Try Again as needed.

Frequently asked questions

Select a question to learn more about alt text.