How to add alternative text to an image

Images serve as great visual tools to provide more context, and on a tile it can provide more insight to visitors thus encouraging them to click on the proposal tile. 

When building your site, it’s important to have accessibility in mind. If you want to reach out to as wide an audience as possible, you have to be inclusive with image content. When people using screen readers access your website, it is important to describe your images appropriately to help them understand what image was uploaded. This would help them feel comfortable enough to engage with your consultation.

Jump to 'How to add alt text to a tile’s image'

Jump to 'How to add alt text to any image on a '

How to add alternative (alt) text

1. Click on the “Have your say” tab

2. Next, click on the tile whose image you want to add an alt text to

3. Click the edit icon on the webpage, which is located in the bottom right corner to go into edit mode

a. To add alt text to a tile’s image

(i) In edit mode, click on change image as shown below

(ii) Finally, scroll down to the Image alt text field to type in the description of the image and hit the Save button.

b. To add alt text to any image on a webpage

(i) Click the edit button on the webpage or proposal tile where the image is located

(ii) Find the image you want to add alt text to on the mobile phone screen by scrolling through it and clicking on it

(iii) Then, on the right side of the page, click the identical image. A pop-up window will emerge where you may enter the image's alt text by clicking the "T" icon. To save your entry, click "Update" at the end

(iv) Don’t forget to hit the Save button at the top right corner of the webpage to save all changes.

As an alternative, view the video tutorial below that shows how to add alt text to an image on a webpage.

That’s it! You’re all done! 🎉🎉🎉

Jump to 'How to add alt text to a tile’s image'

If you find you still have some questions or you’re unsure about something, please don’t hesitate to get in touch with our dedicated technical Customer Support Team.