Prerequisites

• Make sure the ADA Campaign Controls for Screen Readers (EXTENDED) extension is installed in your Digioh environment.

Configuring Images for Screen Readers

To make images accessible and compliant with ADA standards, you must add alternative text (alt text) that describes the image. Here’s how to set this up:

Step 1: Access the Extensions

1. 1. Log in to your Digioh account.
   2. Navigate to the Extensions section under your Names options.
      

1. 1. Install the ADA Campaign Controls for Screen Readers (EXTENDED) extension from the Accessibility section.
      

Step 2: Configure Alt Image Metadata in the campaign editor

Within the Campaign Editor, click on the image and locate the element metadata section.

• Metadata Key: alt
• Value: product image

Replace product image with a brief, descriptive text that accurately describes the image and its context on your site.

Example:
If you have an image of a “Blue Cotton T-shirt,” your metadata configuration will look like this:

• Metadata Key: alt
• Value: Blue Cotton T-shirt

Step 3: Save Changes

1. Click the Save button to save the changes.
2. Publish the account to make the changes live.

Verifying Your Configuration

1. Visit the page containing the image using a screen reader tool.
2. Ensure the screen reader reads out the alt text as you navigate through the images.

Conclusion

Setting the correct alt text for images is crucial for accessibility and compliance with ADA standards. By following these steps, you can ensure that all visitors, regardless of their ability, have a better and more inclusive experience on your site.

For further assistance or queries, please contact our support team.