How to Manage Files in the Media Library & Add Image Alt Text

How to Manage Files in the Media Library & Add Image Alt Text

Here's a short tutorial on how to manage your Images and PDF files in the Media Library. Plus, if you're working on a website accessibility initiative, we've included instructions on how to add alt text to images.



Transcript:

Hello, Toby here from Orbit Media. I'm going to demonstrate how to use your media library in WordPress. To get to the media library, you'll go to your left hand sidebar and go to “media” and then “library.”

The first thing that you will notice is a series of folders over here in this left hand side bar. You can create and set up folders for whatever groups of images make sense for your website. To add a new image to your media library, you'll click on “add new” and select files to select a file from your device. I've uploaded an example image here of some mountains and a sunset.

If you click on the image, you'll get some additional information about the image itself, including the uploaded date, the person who uploaded it, file name, file type, file size, and dimensions. The file size is important for considering page speed at orbit, we typically recommend keeping your images below 300 kilobytes.

The dimensions are listed for the various image locations on your site, in your site's style guide. So please reference that for whatever dimensions should be used and the various locations throughout your site in this case, 900 by 600 pixels is appropriate for this website. I think this image is good to go.

The last thing I want to mention here is the title and alt text. We usually recommend deleting the title of your image. This is something that's going to form automatically based on the file name that you upload. We can just delete this example, and I'm going to replace that with some alt text in the alt text field. So the alt should be something short and descriptive that a screenreader can read to someone who cannot actually see the image itself on your website.

In this case, I think something like mountains and a sunset, the alt text” mountains and a sunset”, will suffice for this image. And that's pretty much all there is to uploading image to your media library. If you have additional questions about how the media library works, I would recommend referencing the how-to document for your site.