RatedWithAI

Accessibility scanner

WCAG 2.1

1.4.5 Images of Text

Level AA success criterion

Avoid using images of text when the same presentation can be achieved with real text.

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

1.1.1 Non-text Content 1.4.3 Contrast (Minimum)1.4.4 Resize Text

Related resources

WordPress accessibility guide Shopify accessibility guide Squarespace accessibility guide

Test & fix this criterion

Use these free tools and guides to check and fix 1.4.5 Images of Text violations:

Free accessibility checker — find WCAG violations automatically Color contrast checker — test contrast ratios How to fix common WCAG failures Top 10 most common WCAG failures

Scan your site

Check your WCAG coverage in minutes

Start a free scan