Images without text alternatives are invisible to screen readers. When you include alternative text (alt text), you ensure everyone can understand the purpose of an image, even if they can’t see it.
What Alt Text Should Do
Alt text should explain:
-
- What the image shows
- Why it matters in context
It should be brief, clear, and purposeful.
Alt Text Examples:
-
-
- A laptop on a white surface with a hand on the trackpad, next to a straw hat and purple flowers.
- Overhead view of a workspace with a laptop, hand on the trackpad, purple flowers, and a straw hat on a white surface.
- Hand using a laptop trackpad on a desk with purple flowers and a straw hat nearby.
-
Avoid phrases like “image of” or “picture of.” Screen readers already announce that.
Decorative Images Matter Too
If an image does not add meaning, mark it as decorative so screen readers skip it. This reduces noise and improves the experience.
Put It Into Practice
Open a recent slide deck or webpage and:
-
- Select one image
- Ask: What would someone miss if they could not see this?
- Add alt text that captures that information
- You can use AI to help you write Alt Text
Why This Supports Everyone
Alt text supports:
-
- Blind and low vision users
- Situations where images do not load
- Mobile or low-bandwidth access
It is a small step with a big impact.
WCAG Connection
WCAG 2.1 – 1.1.1 Non-text Content (A) – All non-text content that is presented to the user has a text alternative that serves the equivalent purpose.
Helpful Resources
Explore More in This Series
Discover additional posts from this series by clicking on the posts below.
Accessibility in Action | Why Digital Accessibility Matters
Accessibility in Action | Choosing Fonts Everyone Can Read
Accessibility in Action | Using Color Contrast to Improve Clarity
Accessibility in Action | Sharing Links That Are Clear
