- Success Criterion 1.1.1
- Conformance level A
QR Code With No Text Stating Where It Leads
1.1.1 — Non-text Content
Scenario
Setting
A nonprofit's donation form
What’s wrong
QR codes with no text alternative stating the destination URL/purpose.
Example
<img src="chart.png">Why it matters
Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning.
How to test
Look for text near the QR code stating what URL/action it leads to: if scanning is the only way to know, and no text states the destination, it fails.
How to fix
State the QR code's destination URL/purpose in adjacent text or the alt.
<img src="chart.png" alt="Q3 revenue chart showing 12% growth">The alt attribute gives assistive technology the same information the image conveys visually.
Outcome
On a nonprofit's donation form, this barrier is gone for blind and low-vision people using screen readers — they reach the same outcome without extra effort.
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