Reviewed October 19, 2026
Accessible promo banners and discount codes on Shopify
The sale banner is the first thing sighted shoppers see and often the last thing screen reader users find. Making promotions, countdowns, and discount codes reachable and understandable for everyone.
Promotions are content, not decoration
A banner announcing twenty percent off until Sunday is commercial information with a deadline, and a discount code is effectively money. When that content lives only as text baked into an image, or flashes by in a rotating carousel, shoppers using screen readers or browsing with images off are shopping at different prices than everyone else without knowing it.
The standard is simple to state: every promotion a sighted shopper can read should be available as real text, in a logical place in the page order, with its conditions and expiry stated as plainly as its headline. Anything less is a pricing communication that excludes part of your market by design accident.
Announcement bars and rotating banners
A static announcement bar with real text is the most accessible pattern and usually the best converting one too. Rotating banners multiply problems: each slide needs a pause control, focus must never be dragged along by rotation, and screen reader users need access to every slide's content, not just whichever was showing when the page loaded.
Countdown timers deserve special care. A timer that updates every second can flood a screen reader with announcements if it is wired as a live region. Present the deadline as plain text, ends Sunday at midnight, and let the ticking clock be visual decoration that assistive technology can safely ignore. The information is the deadline, not the seconds.
Discount codes people can actually use
Codes should be selectable text, never only part of an image, and any copy code button must work by keyboard, announce success to screen readers, and leave the code visible afterward for manual typing. Case and character clarity matter: codes mixing zero and the letter O, or one and the letter I, generate failed checkouts and support tickets from every kind of shopper.
State conditions where the code is given, not only at checkout. Minimum spend, excluded collections, and whether the code stacks with other offers are part of the promotion's meaning. A code that fails mysteriously at checkout reads as a trick to a shopper who could not see the fine print, because for them there was no print at all.
Testing the sale before the sale
Add promotions to your accessibility checklist for every campaign: read the page with images disabled, navigate the banner and code flow by keyboard, and run through the offer with a screen reader or at minimum with your monitor's text view. Confirm the code applies at checkout and that error messages explain failures in words.
Schedule this test when the campaign is built, not an hour before launch. Sale periods are when traffic, revenue, and exclusion all peak together, and they are the worst moment to discover your banner system announces nothing. The stores that handle this well treat campaign accessibility as launch criteria, like checking the discount itself works.
Related reading
If this topic is useful, these earlier guides go deeper on connected questions: Checkout error messages shoppers can actually act on, Gift card flows that work for every shopper, and Making your Shopify store locator and map accessible.
Frequently asked questions
Is text inside a banner image acceptable if it has alt text?
Alt text helps screen reader users but fails shoppers with images off, slow connections, or text scaling needs, and it often gets truncated or rushed. Real text over a background image or color is robust for everyone and easier to update at midnight when the sale changes. Use images for mood, text for information.
How should a copy code button announce success?
Through a brief live region message such as code copied, visible and announced, while the code itself stays on screen for manual entry. The button needs a visible focus indicator and a label that says what it copies. Silent success leaves keyboard and screen reader users pressing repeatedly and wondering.
Do I need to announce every sale to screen readers with a popup?
No. Interrupting announcements and modal popups create their own barriers, including focus management failures. The promotion should be present as properly ordered page content that assistive technology encounters naturally. Being findable beats being shouted, for promotions as for everything else in accessibility.
What is the most common promo accessibility failure?
The discount code existing only inside an image or a rotating slide, followed closely by countdown timers wired as chattering live regions. Both come from building promotions as pure visuals. Checking one campaign with a keyboard and images off usually reveals whether your whole promotional system has the habit.