- Success Criterion 1.1.1
- Conformance level A
Complex Infographic With No Long-Form Text Description
1.1.1 — Non-text Content
Scenario
Setting
An online clothing store's product listing page
What’s wrong
Complex images (charts, diagrams, infographics) with only a short alt and no long description mechanism anywhere.
Example
An online clothing store's product listing page runs into this exact issue: complex images (charts, diagrams, infographics) with only a short alt and no long description mechanism anywhere.
Why it matters
Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning. Here, on an online clothing store's product listing page, the result is they are left guessing what the media actually shows.
How to test
Look for a 'read more', linked detail page, or expandable description near complex images (charts, infographics, diagrams): if only a one-line alt exists, it fails.
How to fix
Add a long description mechanism (adjacent text, linked page, or collapsible detail) for complex images.
Outcome
After the fix, the same visitor to an online clothing store's product listing page can now get the same information as everyone else.
Who is affected
Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Product Photo Added as a CSS Background With No Alt Text
- Chart Alt Text That Never Explains What Each Color Means
- Outdated Alt Text That No Longer Matches the Image
- Alt Text Left as a Filename Instead of a Real Description
- Decorative Image Not Hidden From Screen Reader Users
- Decorative Image Given Alt Text Instead of Being Marked Silent