Skip to content
Colorado State University

Information Technology

IT Services

  • IT Services Overview
  • Purchasing & Surplus
  • Software
  • Computer & Device Support
  • Computer Replacement Program
  • Security
  • Guides

Web Services

  • Web Services Overview
  • Design Process
  • Site Managers
  • Site Manager Introduction
  • Web Governance
  • Guides
  • Forms

Remote Resources

Resources for remote teaching and working.

Remote Resources

Guides

Search our self-help guides.

Self-Help Guides

Support

Reach out to us to get support.

Request Support

A College of Liberal Arts Division

Accessibility: Images

Home » Accessibility » Accessibility: Images
Last UpdatedMay 06, 2025
Table of Contents
  1. Summary
  2. Using Images
    1. Images in WordPress

Summary

Images are used heavily across the modern web and are used for many purposes and in many contexts, however on their own they are of little use for those with a vision disability. For this reason, one of the most important aspects of web accessibility is to provide alternative text with images. This simply means that an "alt" attribute, a short description of the image (in its context), is added to the image, which allows assistive technology to read the description of the image aloud.

Using Images

Images in WordPress

Adding images with Alt Text to a website in WordPress is incredibly easy. To do so, open the WordPress Admin and navigate to Media and then Library and click on an image to open the Attachment details modal. From there you will be able to enter text into the "Alternative text" field. There are a few guidelines to following when crafting the alt text:

  • Alt text should describe the content and function of the image, specific to context in which it's being used.
  • Alt text of a linked image should also explain where that link will navigate.
  • If the image contains text, rendered as part of the image file, the alt text could be the same as that text, however best practice would be to avoid text in images except for things such as logos or marks.
  • Alt text should NOT begin with phrases such as "Image of..." or "Graphic of..." since screen readers will already say that it is an image.
  • Alt text should NOT duplicate the surrounding content. If the alt text for the image would be the same as the surrounding content then the Alt Text field should be left empty. The same is true for purely decorative images, where the Alt Text field should be left empty.
Image alternative text example within the WordPress Media Library Attachment details panel
Related Articles
  • Accessibility
  • Accessibility: Audio & Video
  • Accessibility: Checklist
  • Accessibility: Colors
  • Accessibility: Example Page
  • Accessibility: Headings
  • Accessibility: Images
  • Accessibility: Links
Categories
  • Accessibility8
  • Web20
Tags
  • Accessibility7
  • Alternative Text1
  • Images2
Share on facebookShare on linkedin Post on x

Post Navigation

Previous

Accessibility: Headings

Next

Accessibility: Links

  • Liberal Arts
  • FSAS Login
  • CLA Brand
  • CLAHub
  • CLA Help Desk
  • Apply to CSU
  • Careers
  • Equal Opportunity
  • Privacy Statement
  • Accessibility Statement
  • Disclaimer
  • Login
Colorado State University
© 2025 Colorado State University - College of Liberal Arts, Fort Collins, Colorado 80523 USA