Why it matters
Text in images cannot be resized, translated, or read by screen readers reliably.
Common violations
- Hero banners with text baked into images
- Buttons using text inside images
- Marketing graphics with critical text
Code examples
Bad
<img src="sale-banner.png" alt="">Good
<div class="banner"><h2>Winter Sale</h2></div>How to fix
Use live text styled with CSS instead of embedding text in images.
Related criteria
Related resources
Scan your site