Informative vs Decorative: The First Decision
Decide whether an image needs words at all.
Informative vs Decorative: The First Decision is a free Web Accessibility Academy lesson on CoddyKit — lesson 1 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Web Accessibility Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.
The First Question
Before you write a single word of alt text, ask one thing: does this image add meaning, or is it just there to look nice?
Two Buckets
Every image falls into one of two buckets: informative images that carry content, or decorative ones that are pure visual polish.
What Informative Means
An informative image tells the user something they would miss without it, like a chart, a product photo, or a logo with the company name.
What Decorative Means
A decorative image adds no information. Think background swooshes, spacer lines, or a stock photo that just sets a mood.
Why the Decision Matters
Getting this right matters because the wrong call either hides real content or floods screen reader users with useless noise.
Informative Gets Words
If an image is informative, give it real alt text that conveys what it means in context.
<img src="sales-up.png" alt="Sales rose 40 percent in March">Decorative Gets Silence
If an image is decorative, give it an empty alt so screen readers skip right past it.
<img src="divider.png" alt="">The Same Image, Two Roles
The very same photo can be informative on one page and decorative on another. Context decides, not the file itself.
A Handy Test
Try this: if you removed the image, would the page lose meaning? Yes means informative. No means decorative.
Never Just Drop alt
Skipping the alt attribute entirely is the worst choice: many screen readers then read out the file name instead.
Make the Call First
So your workflow starts here: classify each image as informative or decorative before you worry about wording.
Quick Check
Time to test the core decision.
Recap
Nice work! Every image is informative or decorative, context decides, and that one call shapes whether you write alt text or leave it empty.
Frequently asked questions
Is the “Informative vs Decorative: The First Decision” lesson free?
Yes — the full text of “Informative vs Decorative: The First Decision” is free to read here on the web, and the Web Accessibility Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Web Accessibility Academy course, upgrade to CoddyKit PRO.
What will I learn in “Informative vs Decorative: The First Decision”?
Decide whether an image needs words at all. You practise Web Accessibility Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.
Do I need any experience to start Web Accessibility Academy?
No prior experience is required. Web Accessibility Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 1 of 4, so you can start here or from the beginning and move at your own pace.
How long does the “Informative vs Decorative: The First Decision” lesson take?
Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.
Can I write and run code in this Web Accessibility Academy lesson?
Yes. Every Web Accessibility Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.
All lessons in this course
- Informative vs Decorative: The First Decision
- Writing Alt That Conveys Purpose, Not Pixels
- Empty alt and the Hidden Decorative Image
- Complex Images: Charts, Maps, and Long Descriptions