Decorative Images…
…aren’t a thing.
At least not as far as people are concerned. Yes, this is an absolutist take, but sometimes it’s necessary to take the absolutist position to force someone to justify their own reasoning. Make them argue for something they’ve not considered. Revisit their own decision-making process.
Broadly, I’m talking about images in narrative content that are not also iconography nor used as part of interactive controls.
Adding an image to a design, email, document, page, app, etc. is done for a reason. Maybe the author wants to convey a mood or connect it to a theme. In which case, the person who can’t see the image would likely benefit from knowing that mood, having that connection made.
Sometimes the reason is far more pedestrian. Maybe the author wants to fill white space. In which case, that’s a design gap. It should be addressed in layout, otherwise the author is unintentionally sending a message to those who can see it.
I’m not discussing every possible scenario. That’s been done. Instead, I’m providing you some over-simplified questions to ask when evaluating an image:
- If the decorative image was removed completely, would any readers care?
- No? Then remove the image.
- Yes? Then it’s not decorative.
- If the decorative image was replaced with a picture of poo, would you as the author care?
- No? Then remove the image.
- Yes? Then it’s not decorative.
Decision Tree
To hopefully make this a bit easier on all of us, I’ve adapted the WAI alt text decision tree to include more steps.
If yes, the image contains text…
- … and the text has a specific function, for example is an icon.
Use the
altattribute to communicate the function of the image. See Functional Images. - … and the text in the image is not present otherwise. Use the
altattribute to include the text of the image. See Images of Text.
If no, the image contains no text…
If yes, the image is contained in a control…
- Use the
altattribute to communicate the destination of the link or action taken. See Functional Images.
If no, the image is not contained in a control…
If yes, the image contributes meaning…
- … and it’s a simple graphic or photograph.
Use a brief description of the image in a way that conveys that meaning in the
altattribute. See Informative Images. - … and it’s a graph or complex piece of information. Include the information contained in the image elsewhere on the page. See Complex Images.
- … and it shows content that is redundant to real text nearby.
Use an empty
altattribute. See (redundant) Functional Images.
If no, the image contributes no meaning…
If no, the image is not purely decorative or is intended for the user…
- Then probably start over to better identify how to give it a text alternative.
If yes, the image is purely decorative or not intended for the user…
If yes, users would care if the image went away…
- Users will think it’s not decorative. I suggest you start over.
If no, users wouldn’t care if the image went away…
If no, the author wouldn’t care if the image was replaced by poo…
- You should care. Poo is not decorative. I suggest you start over.
If yes, the author would care if the image was replaced by poo…
- We agree that poo is not decorative. Remove the picture and save yourself the hassle.
Related
- Your Image Is Probably Not Decorative, by Eric Bailey, 17 June 2021
- An alt Decision Tree Using Only :has(), by me, 13 August 2023
- Long Alt, by me, 20 April 2024
- My Approach to Alt Text, by me, 28 May 2024
- It’s time to retire the concept of decorative images. by Nicolas Steenhout, 28 September 2026
- WCAG 3 issue #878 Definition of decorative images update, 29 September 2026
- On the Decision Underlying Decorative Images, by Jens Oliver Meiert, 8 October 2026
Leave a Comment or Response