Skip to main content Skip to secondary navigation

Adding an Image

Main content start

Images are an important way to add visual interest or information to your website.

Before uploading images like photographs or graphics, please review the university's usage and accessibility tips, to ensure that your images comply. 

  1. After selecting Image, you will be redirected to the Add Image page:
    add image
  2. Enter the name of your image in the corresponding text field.
  3. Select Choose File under the Image title. A popup will appear and you can select the image you would like to upload.
  4. After you upload the image, you have the option to select the focal point of the image by moving the plus symbol around on the image: 
    Edit Focal Point Example
    Additional information and examples of the focal point can be found here
  5. Next, you can enter the Caption or Credits of the image.
  6. When you’re ready, hit Save at the bottom left of the page.

Accessibility Tips

Alternative text provides a textual alternative to non-text content in web pages. In the event that the image does not load, this is the text that will be displayed in place. Additionally, this is the text that will be provided to assistive technologies making it a vital part of accessibility for the site.  

For more information about alternate text, see WebAim Alt Text and Stanford's Office of Digital Accessibility concept guide on images.

People Images

When uploading profile photos, use the person's name for the alternative text. 

Complex Images

Note that alternative text may not be enough. Complex images like graphs, charts, diagrams, illustrations, and maps require a two-part text alternative. The first part is the short description to identify the image and, where appropriate, indicate the location of the long description. The second part is the long description – a textual representation of the essential information conveyed by the image. 

There are several different approaches that can be used to provide short and long descriptions. Learn more about how to make complex images accessible and see examples.