- Success Criterion 1.1.1
- Conformance level A
- W3C reference F67
Long Image Description That Skips the Image’s Actual Content
1.1.1 — Non-text Content
Scenario
Setting
A ride-hailing app's trip booking screen
What’s wrong
The long description provided for an image doesn't actually convey the same information as the image itself.
Example
A ride-hailing app's trip booking screen shows the problem clearly: the long description provided for an image doesn't actually convey the same information as the image itself.
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 a ride-hailing app's trip booking screen, the result is they are left guessing what the media actually shows.
How to test
Open the linked long description (or expandable detail) and compare it point-by-point to the image: if it leaves out information the image conveys, it fails.
How to fix
Make the long description convey the same information the image conveys.
Outcome
After the fix, the same visitor to a ride-hailing app's trip booking screen 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)
- Technique Related technique (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