Accessibility fix guide
WCAG 1.1.1 Non-text Content
How to fix: Images must have alt text
Every meaningful image needs alternative text so screen-reader users know what it shows. Decorative images should have an empty alt attribute so they are skipped.
The fix
Add a descriptive alt attribute to every <img>. Use alt="" only for purely decorative images.
Before and after
Fails
<img src="team.jpg">
Passes
<img src="team.jpg" alt="Our support team answering customer calls">
Related fixes
Does your site have this issue?
Scan any page free against WCAG 2.2 AA and get every issue with its fix.
Scan your site free