Accessibility: Preparing Your Images and Galleries

6 min read
Visitors who have visual impairments may use assistive technology such as screen readers to browse your site. Add descriptions to your images and galleries using alt text to make them accessible to these visitors.
Alt text provides information about your media and helps search engines and screen readers "read" them.
In this article, learn more about:

Adding alt text

Alt text ensures that visitors using screen readers can access and understand the content on your site, so we recommend adding it to all relevant images, including media appearing in apps such as Wix Stores, Wix Bookings, etc.  

To single images

Add alt text to images in your site builder (Wix Editor and Studio Editor) from the Settings panel. If you're building a site with the Wix Editor, you can also use the Accessibility Wizard to add alternative text to site and app images.
Acc. Wizard
Studio Editor
Wix Editor
Use the Wizard to add alt text site images and images that appear in your Wix Stores and Bookings apps.

To add alt text to site images:

  1. Go to your editor.
  2. Click Settings at the top of the editor.
  3. Click Accessibility Wizard.
  4. Click Scan My Site.
  5. Select cards titled Alt text.
  6. Enter the image description into the What's in the image? field.
  7. Click Set Alt Text.
The Accessibility Wizard. The alt text field for an image has been filled. The cursor is clicking  'Set Alt Text'.

To add alt text to app images:

  1. Go to your editor.
  2. Click Settings at the top of the editor.
  3. Click Accessibility Wizard.
  4. Click Scan My Site.
  5. Select the Stores / Bookings drop-down.
  6. Select cards titled Alt text.
  7. (For stores only) Select each product image / product variant image.
  8. Enter the image description into the What's in the image? field.
  9. Click Set Alt Text.
  10. Click Done.

The alt text field for a Stores product image has been filled. The Set Alt Text and Done buttons are highlighted..

To galleries

Use your site's Media Manager to add alternative text to gallery images.
Studio Editor
Wix Editor
  1. Click the relevant gallery.
  2. Click Manage Media.
  3. Select the relevant image.
  4. Enter a title for the image in the field.
  5. Edit the alt text for your image under Alt Text if you want it to be different from your image's title.
  6. Click Done.
An image has been selected in the Media Manager. The alt text field is highlighted and has been filled.
Tip:
Make sure to publish the site so the alt text is live.
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.

Marking images as decorative

Decorative images are images that do not contribute to the content of your site, as they are there for aesthetic or decorative purposes only.
If an image on your site is decorative and is not relevant to the context of your site, it is not necessary to add alt text. You can mark an image as 'decorative' in the Accessibility Wizard to ensure that search engines and screen readers will automatically skip it.

To mark an image as decorative:

  1. Go to your editor.
  2. Click Settings at the top of the editor.
  3. Click Accessibility Wizard.
  4. Click Scan My Site.
  5. Click the card titled Alternative Text for the relevant image.
  6. Select the checkbox next to This image is decorative, it doesn't need a description.
Screenshot showing the decorative image option being ticked in the Accessibility Wizard.
Note:
You can only mark images as decorative if they don't already have alt text. To mark an image with alt text as decorative, remove the alt text from within the Editor, then rescan your site with the Wizard.

Text in images

This refers to images that contain pictured or added text. 
Text in images cannot be "read" by search engines or screen readers. However, if the image is necessary, and the text has context to the site, you can add it to the image description.
If the text does not have context or doesn't contribute to the content of the site, you do not need to add it to the image descripton.
Select an option below to learn more about image text you should and shouldn't add to the image description.

Images of text

Images of text contain only text, and no other pictured elements. Some examples of this include pictures of fonts, or logos that contain text only.
As they are not "real" text elements, images of text cannot be read by search engines or screenreaders. We recommend avoiding them where possible, and replacing them with real text elements to improve SEO and accessibility on your site. 
Next step:
Go back to the Accessibility Checklist to continue improving your site for accessibility.

Did this help?

|