- Success Criterion 1.1.1
- Conformance level A
Decorative Image Wrongly Made Keyboard-Focusable
1.1.1 — Non-text Content
Scenario
Setting
A used-car marketplace's listing filter
What’s wrong
Decorative image given a tabindex (keyboard-focus setting) or wrapped in a link with no accessible name (crosses into 2.4.4/4.1.2).
Example
During an audit of a used-car marketplace's listing filter: decorative image given a tabindex (keyboard-focus setting) or wrapped in a link with no accessible name (crosses into 2.4.4/4.1.2).
Why it matters
Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning. On a used-car marketplace's listing filter specifically, they can't tell what the image or video is showing.
How to test
Inspect decorative images for tabindex or a wrapping link: if a decorative image is focusable or clickable with no purpose, it fails.
How to fix
Remove tabindex (keyboard-focus setting) from decorative images and give any wrapping link a proper accessible name.
Outcome
Fixed, a visitor to a used-car marketplace's listing filter can understand the image, video, or audio content.
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