• Success Criterion 1.4.5
  • Conformance level AA

Marketing Text Baked Directly Into a Composite Image

1.4.5 — Images of Text

Scenario

Setting

A food-delivery app's order-tracking screen

What’s wrong

Marketing "text on image" composites where the text is baked into the raster.

Example 

<img src="order-on-its-way.jpg" alt="Your order is on its way">
<!-- headline, courier name, and ETA are all painted into the composite image -->

Why it matters

A customer using a screen magnifier zooms into the ETA and the text turns into a blurry block of pixels instead of staying sharp.

How to test

Try to select any 'text on image' marketing composite: if the text is baked into the raster rather than rendered as real HTML text, it fails.

How to fix

Reserve raster images for decorative backgrounds and keep every dynamic detail, like courier name and ETA, as live text.

<div class="order-status" style="background-image: url('delivery-bg.jpg')">
  <h2>Your order is on its way</h2>
  <p>Courier: Priya · ETA: 6:42 PM</p>
</div>

Outcome

A customer magnifies the screen and reads the exact delivery time instead of a smeared composite image.

Who is affected

Screen magnifier users who zoom into the order status lose legibility exactly where they need precision, like the delivery time.

Learn more

Related scenarios