You already know about the Manage Media page, but did you know that page contains a tab where you can view the Alt Text for each of your images? This guide explains the process as well as what you can do from that tab.
There are some VERY useful hidden gems within the Alt Text tab. Jump to the bottom to find out how to quickly and efficiently perform functions like:
From your Shortcuts menu, select "Manage Content" then "Manage Media."
Screenshot showing the Manage Content menu. The options for "Manage Content" and "Manage Media" are outlined.
This will bring you to a page where ALL of your media items are listed. From here, click on the "Alt Text" tab.
Screenshot of the "Manage Media" page. The tab for "Alt Text" is outlined.
This will bring you to a page where just your images are shown in a list.
Screenshot of the "Image Alt Text" page.
What You'll See
From the Image Alt Text page, you'll be able to see a list of all of your images. There is a column that displays the current Alt Text.
Screenshot of the "Image Alt Text" page. The column for Alt Text is outlined.
If you wish to see only the images that do or do not have Alt Text, you can filter the results. To do so, choose either "is not blank" or "is blank" from the Alternative Text dropdown menu, then click "Apply."
Screenshot of the "Image Alt Text" page. The dropdown filter for Alternative Text is open, showing the options of "-Any-," "is not blank," and "is blank." This dropdown menu and the "Apply" button are both outlined.
You can also sort your list, with or without filtering the results, by clicking on the sort button next to the "Alt Text" column header. This will sort your results so that the images without Alt Text are displayed first. The images with Alt Text will be ordered alphabetically by the first letter/word of the Alt Text following that.
Screenshot of the "Image Alt Text" page. The sort button in the "Alt Text" column is outlined.
You can reverse the order by clicking on the arrow that appears once the list is sorted.
Screenshot of the "Image Alt Text" page. The sort order arrow in the "Alt Text" column is outlined.
Ways to Utilize this Page
Edit an Image to Add Alt Text as Needed
This page is incredibly helpful because it allows you to locate each and every image on your site. You'll be able to easily find the images that lack Alt Text so you can work to add that in as necessary.
As a reminder, including Alt Text is both the right thing to do so that all of your website's users can access your content regardless of their disability status, as well as a legal requirement. More information about Alt Text is always available at SODA.
From this page, click on the "Edit" button in the row of the image you wish to edit.
Screenshot of the "Image Alt Text" page. The "Edit" button is outlined on the second row, which is an image entitled, "nicholas_bloom.jpg" and does not contain Alt Text.
Clicking the "Edit" button will open a page where you can edit most aspects of the image.
Screenshot of the image editing page that is pulled up from clicking "Edit" on a specific image from the "Image Alt Text" tab of Manage Media.
In this example, the "Decorative Image" slider is selected. This means that Alt Text cannot be added. A best practice would be to deselect this slider, which will pull up an additional field.
Screenshot of the image editing page that is pulled up from clicking "Edit" on a specific image from the "Image Alt Text" tab of Manage Media. The "Decorative Image" slider is outlined to highlight that it is selected in this example.
Screenshot of the image editing page that is pulled up from clicking "Edit" on a specific image from the "Image Alt Text" tab of Manage Media. The "Decorative Image" slider is no longer selected and a field for adding Alternative Text is now present.
Add your Alt Text here.
Add Additional Information About the Image as Needed
While in this image editing interface, you are also able to edit other information.
Screenshot of the image editing page that is pulled up from clicking "Edit" on a specific image from the "Image Alt Text" tab of Manage Media. The "Name" field, "Caption/Credit" box, and "Save, Delete, Cancel" buttons are outlined.
View the Number of Instances where this Image is used
You'll notice an orange banner at the top of the page. The banner reads, "Warning message. Changing this media item will affect [#] pieces of content." This link is clickable and will pull up a list of every instance where your image is currently being used on your site.
Screenshot of the list of pages where this image can be found. This image is currently displayed on only the Home Page of its site.
The Usage list can be helpful in determining which Alt Text to provide, as Alt Text can be situational. It can also let you know if deleting an image will have any impact on your site, for example removing it from the 3 pages where it is used.
Change the Name of the Image
Perhaps the name of the image is generic or non-descriptive and you had a hard time locating it. Since our sites include the functionality to search for images, we recommend replacing generic image names with something more relevant and searchable.
Add a Caption or Photo Credit
While not mandated, best practice is to always identify and provide credit for the source of your images. We encourage you to list the name of the photographer as well as where the image was found, e.g. Getty Images, Stanford SALLIE images, etc. Additionally, there are several options for styling this text that can be found in the toolbar.
Save, Delete, Cancel
Be sure to save your work when you're done!
You can also permanently delete an image from your site, but we DO NOT recommend this. A better practice is to simply leave the image in your library without having it utilized anywhere on your site.