View Source

This page is a work in progress.

Note: You must complete WSB WordPress (WP) training before you will be granted access to the WP media library.

On this page:

Upload an Image to the WP Media Library

Save the file somewhere on your computer (desktop, documents, etc.)
Login to WP at business.wisc.edu/wp-admin
On the left side, select Media

WSB Knowledge Base > WordPress Media Library > Screen Shot 2021-10-19 at 3.01.16 PM.png

Select Add New

WSB Knowledge Base > WordPress Media Library > Screen Shot 2021-10-19 at 2.58.43 PM.png

(1) Select the media folder your image(s) should live in. (2) Drag your image(s) to the page or click the Select Files button and search for your image(s) on your computer.

WSB Knowledge Base > WordPress Media Library > Screen Shot 2021-10-19 at 3.04.08 PM.png

Wait for your image(s) to upload, then click Edit next to each. (Tip: When uploading multiple images, right click on Edit and open the link in a new browser tab so you don't lose track of the images you need to edit.)

WSB Knowledge Base > WordPress Media Library > Screen Shot 2021-10-19 at 3.08.48 PM.png

You must add alternative text to all images that you upload.

Find an Image in the Media Library

Open the WP Media Library

Use the Folder Structure

Search

Alternative Text (or alt text)

Why is alt text important?

Alt text is an accessibility requirement for all images in our WordPress library.

Alt text allows visually-impaired individuals (or anyone who uses a screen reader) to understand what content is in an image. Without alt text, these users cannot access this information. We want all users to have access to all of the information on our website.

Alt text is good for all users, though! It will be displayed on the page if the images ever fail to load or are blocked.

What should my alt text include?

Do not include phrases like "an image of...", "a photo of...", or "an icon of..." in your alt text.

For headshots: first name last name

For images with text in them: all text in the image must be included in alt text

For photographs: a brief description of the important subjects and any actions taking place; if knowing who is in the image is important, then include those names

For icons/graphics: a brief description of the subject

Tip: Anytime you upload or go to use an image from the media library, check to see if the image has alternative text. If it doesn't have alt text you must add it, request that the person who uploaded the image add it, or request that the web team add it for you if you are not allowed to.

After uploading the image to the Media Library, find and open the image to edit its information.
Beneath the image, add your brief description to the alternative text field.

WSB Knowledge Base > WordPress Media Library > Screen Shot 2021-10-19 at 3.29.43 PM.png

Move Images to the Correct Folder

Delete an Image from the Media Library

Add the steps involved:

Insert your steps.
You can also copy and paste or drag and drop images into your instructions.