Questions answered by this guide
- What is alt text?
- How do I write good alt text?
- Does every image need alt text?
- How do I add alt text in Storyline?
- How do I add alt text in Rise?
- What should I write for a chart or graph?
- Why does A11yCheck flag missing alt text?
What you'll learn
- Alt text is what a screen reader reads instead of an image
- Describe what the image communicates, not what it looks like
- The concept is identical in Storyline and Rise, only the menu path differs
What's inside
Instructional designers writing alt text in any authoring tool
- 01The concept
- 02Writing alt text that actually helps
- 03How to add it in Storyline
- 04How to add it in Rise
- 05Where Storyline and Rise differ
Why it matters
A screen reader cannot see an image. It reads the alt text out loud instead. Without alt text, a screen reader announces the image as just "image," or reads its file name aloud, both meaningless to a listener. This is WCAG success criterion 1.1.1, one of the most basic accessibility requirements there is, and one of the most commonly missed.
When you'll encounter this
- A slide has a photo, screenshot, icon, or chart that carries real information, not just decoration.
- You're building a scenario-based course (retail, healthcare, compliance) where a photo shows a real workplace situation the learner needs to recognize.
- You import a slide deck built by someone else, whose images have never had alt text considered at all.
- A11yCheck flags "Missing Alt Text" on a scan report.
Examples
✕ Incorrect
Alt text: "Image"
A screen reader announces "Image" and nothing else. The learner has no idea what the photo shows or why it matters to the lesson.
✓ Correct
Alt text: "Customer using the self-service payment kiosk at a retail checkout."
This describes what the photo actually communicates. A learner using a screen reader now has the same information a sighted learner gets by looking at it.
Chart or graph example
✕ Incorrect
Alt text: "chart-final-v2.png"
This is the file name, not a description. It tells a screen reader user nothing about what the chart shows or why it's on the slide.
✓ Correct
Alt text: "Bar chart showing a 20% increase in customer satisfaction from Q1 to Q2."
This states the one takeaway that matters, the same thing a sighted learner gets in a few seconds of looking at the chart.
Best practices
- Describe what the image communicates, not what it looks like. "Bar chart showing a 20% increase in customer satisfaction" is far more useful than "bar chart," and much better than "chart.png."
- Keep it short, usually one sentence and under about 150 characters. A screen reader reads the whole description without letting a listener skip ahead, so a long one becomes tedious to sit through.
- If the image contains readable text, like a screenshot with a button label, include that text in your description. A learner using a screen reader cannot read words inside an image.
- Mark purely decorative images (borders, background shapes, dividers) as decorative instead of writing alt text for them, so a screen reader skips them.
- In Storyline: right-click the image, choose Size and Position, open the Accessibility tab, and either type a description or check the box marking it decorative. Repeat for every image, icon, and graphic on the slide.
- In Rise: click the image block to select it, open its settings, and find the alt text field. Type a description or mark it decorative. Repeat for every image block in the lesson.
- The underlying decision is identical either way: does this image add information, or is it just decoration? Only the menu path to enter your answer differs between the two tools.
Common mistakes
- Leaving alt text blank, or using the file name as the alt text. "quarterly-chart-final-v3.png" tells a screen reader user nothing.
- Writing "image of" or "picture of" at the start. A screen reader already announces that it is an image.
- Marking a genuinely informative image as decorative because writing a real description felt like extra work.
- Describing a chart by its colors instead of the data it actually shows.
- In Rise specifically: writing alt text for the main image block, then forgetting images used as background fills or nested inside other block types.
Practical checklist
- Every meaningful image has a real, written description, not a file name.
- Descriptions explain what the image communicates, not just what it looks like.
- Decorative images are marked to be skipped by a screen reader.
- Alt text is one sentence, under about 150 characters.
- If an image contains readable text, that text is included in the description.
- In Storyline, this is set per image in the Accessibility tab under Size and Position.
- In Rise, this is set per image block in the block's own settings.
How A11yCheck reviews this
A11yCheck's scan flags images with no alt text and images whose alt text is empty, a bare file name, or a generic placeholder like "image." It cannot judge whether a written description is actually a good one, that still takes a human read, but it reliably catches the images nobody described at all, which is the most common version of this issue.
Frequently asked questions
What is alt text?
Alt text is a short written description of an image. A screen reader reads it out loud in place of the image, for a learner who cannot see it.
Does every image need alt text?
Every meaningful image does. A purely decorative image, like a background pattern, should be marked decorative instead, so a screen reader skips it.
What should I write for a chart or graph?
Describe what it communicates, not what it looks like. "Bar chart showing quarterly sales growth" tells a listener what matters. "A blue and orange chart" does not.
How long should alt text be?
Usually one sentence, and under about 150 characters. Screen readers read the whole description without a way to skip ahead, so a long one becomes tedious to listen to.
What if the image contains text, like a screenshot with a button label?
Include that text in your description. A learner using a screen reader cannot read words that appear inside an image, so your alt text is their only way to know what it says.
Does alt text work the same way in Storyline and Rise?
The concept is identical: describe the image, or mark it decorative. Only the menu path differs, Storyline uses each image's Accessibility tab, Rise uses the image block's own settings.
Should I use AI to generate alt text automatically?
AI can produce a reasonable first draft, especially for a straightforward photo, but it doesn't know why the image is on the slide or what the lesson actually needs a learner to take from it, a generic AI description and a genuinely useful one can look very similar and still miss the point. Treat an AI-generated description the same way you'd treat any other first draft: read it, and edit it to say what the image communicates in this specific course, not just what's literally in the picture.
Related Guides
How to Test eLearning with a Screen Reader→
A practical, no-fear guide to testing your own course with a screen reader, from your first NVDA install to knowing exactly what you're listening for.
WCAG for eLearning: A Practical Introduction→
What WCAG actually is, and what it means for a Storyline or Rise course. No legal jargon.
Storyline Accessibility Quick Checklist→
A fast, practical pass through your Storyline course before you publish it, 20 checks, about 15 minutes.
Rise 360 Accessibility Quick Checklist→
A fast, practical pass through your Rise course before you publish it, 19 checks, about 15 minutes.
Missing Alt Text→
Step-by-step guide to fixing missing alt text in Articulate Storyline 360, so screen reader users know what your images show.
Missing Alt Text→
Step-by-step guide to fixing missing alt text in Articulate Rise 360, so screen reader users know what your images show.
Accessible Names Guide→
What an accessible name is, why "Click here" fails, and how to write clear names for buttons and controls in Storyline and Rise.
Summary
Alt text describes an image for a learner who cannot see it. Focus on what the image communicates, keep it under about a sentence, and mark decorative images to be skipped. The concept is the same in Storyline and Rise, only where you enter it differs.
Review your course before you publish it.
A11yCheck reviews Storyline and Rise courses for:
- Accessibility
- Course Quality
- Course Engagement
www.a11ycheck-dev.com