Images

When choosing an image

  • Do not use images where text is a majority or the focus of the image.
    • This is not accessible and can lead to text that is not readable.
  • Do not use group or staff photos.
    • University guidelines advise the use of more in the moment photography.
  • Do not create collages.
  • Do not use screen captures of any kind (videos, websites, etc).
  • Use the WVU Photo Request form to request a photo shoot of your event from University Relations News/Photography services.
  • Go to WVU Photos website for university approved photos if you do not have an image that meets your needs.

Feature Images

Feature images are used on home pages and landing pages to create visual impact and call-to-action.  A general rule of thumb is to utilize photos which capture a subject “in the moment” and performing a task rather than a static image.

Photo galleries

Social media is the most effective place to display large sets of photos from events. Uploading these photos to Facebook, Flickr, etc. will provide students, families, and friends (even prospective students) with the opportunity to engage with each photo and for each photo to potentially reach audiences beyond WVU.

Images with captions (Figures)

Images with captions should be added using the Figure macro in the Umbraco editor.

Accessibility information: Use alt text

Alt text is a way to label images, and it's especially important for people who can’t see the images on our website and for situations where an image isn’t able to be downloaded by a user’s browser. Alt text should describe the image in a brief sentence and it should be included on all images.

The language will depend on the purpose of the image:

  • If it’s a creative photo or supports a story, describe the image in detail in a brief caption.
  • If the image is serving a specific function, describe what’s inside the image in detail. People who don’t see the image should come away with the same information as if they had.
  • If you’re sharing a chart or graph, include the data in the alt text so people have all the important information.

Each browser handles alt tags differently. Supplement images with standard captions when possible.

Adding alt text to images in Umbraco

Once you’ve selected an image using Umbraco’s “Media Picker” functionality, you will be presented with a box that displays a preview of the image, the URL of the image on the web server, and a text box labelled “Alternative text (optional)”. This last text box should be used to provide the alt text for your image.

Please be sure to fill this box out before selecting the “Submit” button. If you forget to provide alt text before you place the image in the page, you will have to delete the image and re-add it via the Media Picker in order to provide the alt text.