Inserting Images

Adding a Photo

  1. Click your cursor within the WYSIWYG location you would like to add the photo into your content stream.

  2. Click the "Add media" icon (looks like a little photo with a mountain)

  3. Use the "Choose File" button to find the image you want to upload on your system and then click "Submit"

  4. On the options page select "Original" (size) for the Current Format (resize your photo before upload)

  5. Add a Description (alt text) of the photo. This is important for the accessibility of your page.

  6. This caption field can be left as is and is not used.

  7. Click Submit to add your image to the WYSIWYG

The media Icon


Directing the CMS where to grab your file from


Once uploaded, you'll have a few options; the image formatting, Description, and Caption


Aligning an Image

To align/float an image to the right you need to right click on the image once uploaded to the WYSIWYG and select "Image Properties". In the Image Properties dialog box select Alignment "Right" from the dropdown as show in the image below. Then select OK to submit the change.


Adding a Caption

A photo can have a caption below it. Once the photo is uploaded and on the correct page, right click the photo to edit the image properties and go to the advanced tab. In the advanced tab enter a subtitle in the "Advisory Title" field as demonstrated in the photo and caption below. Alignment to left or right must be set on the photo for the caption to work.


Accessibility Considerations

Provide alternative text for any non-text content, such as images. This includes images that are necessary to understand contents on the page or that enhance the understanding of content on the page. Use simple words to describe the image's function rather than describing the appearance.

For images that are "pure decoration," (WCAG 2.0, guideline 1.1.1) the alternative text should be left blank to cut down on the amount of page clutter presented to screen reader users.

Resources about alternative text