Need help? Looking for tips and tricks?

This knowledge base contains loads of useful advice and answers to common questions.

If you're still stuck you can always submit a support request and we'll get back to you ASAP.

Images - how to add images to a consultation

Stan -

Images are a great way to liven up your consultation and make the content more accessible and engaging to respondents. We're not exaggerating when we say that good and appropriate use of images can totally transform your consultation and its response rates.

We hope you will find reading this article in conjunction with our other article, How do I make images look great in Citizen Space V3?, really helpful. It may seem like a lot of information to take in but if you have the time you can achieve some excellent results and increase respondent rates/engagement if you get this bit right!

 

So, how do I add images?

Images can be added to a consultation anywhere you see the rich text (or WYSIWYG) editor in Citizen Space:

The text editor has options for a adding in an image

For example, it's possible to add images to your consultation overview or within the actual survey itself. Adding images to consultations is a two step process:

 

Step 1

First select the image option on the toolbar:

The text editor has options for a adding in an image

 

You will be presented with a pop-up like this:

A popup has options for a URL, Alternative Text and size. It shows a preview

 

Step 2

There are three options:

1) Add an image that is uploaded somewhere else

If you want to add an image that you have already uploaded somewhere else, go to the site where the image is, right click the image and click "Copy image location". Then paste that into the URL box. Add your alternative text, and adjust the size of the image if required, using the boxes you see in the above screenshot.

 

2) Upload an image to Citizen Space

If you wish to upload an image yourself, click the "Upload" tab. You will be presented with a view like this:

The upload tab is selected, it has a choose file upload option and a send it to the server button

Click the "Choose File" button to find the image on your computer. Then click the "Send it to the Server" button. This will upload your image and then return you to the previous tab, where you can add your alternate text and alter the dimensions if required.

 

3) Use a previously uploaded image

If you have already uploaded the image you wish to use into Citizen Space, click the "Browse Server" link to the right of the URL box:

The URL bar and browse server button are shown

This will show you a list of the existing images. Choose one and click the "select" button. This will return you to the previous tab, where you can add your alternative text and alter the dimensions if required.

 

Top tips

Please be careful with referencing images. Ensuring you have the correct copyright rights to use an image is paramount.

All images must also have alternative text. Screen readers read this out for people with visual disabilities. When determining appropriate alternative text for images, context is everything. When you hover over the image, a box will appear with a brief, accurate description of the image. In an ideal world, this should be around 15 words and not repeat the image title.