In plain English
A banner that is really a picture with words painted on it looks fine, until someone zooms in (it turns blurry), uses a screen reader (it reads nothing), or needs high-contrast colours (they cannot change it). This rule says: use real text styled with CSS, not images of text. Your logo is exempt; your “50% OFF SALE” banner is not.
Real text is also better for SEO and loads faster, so this one helps your store in more ways than one.
Who this is for
- Low-vision users, who resize or recolour text and get nothing from an image.
- Screen-reader users, who cannot read words trapped in a picture.
- Mobile users, where image text does not reflow.
How to check and fix it yourself
Look at your banners, promos, and category tiles. Is the text real, or part of the image? Try selecting it with your cursor, if you cannot, it is an image. Rebuild it as HTML text over a background:
Bad: a JPG banner reading "Summer Sale, up to 50% off".
Good: a background image + real <h2>Summer Sale</h2> text on top.Where we can help
Marketing banners are the usual culprit, often built in a design tool and exported as flat images. We flag every image-of-text on your store (logos aside) and suggest the real-text version, which also improves contrast control and SEO.