Watching Popups and Promotional Overlays for Accessibility Drift
Discount popups and exit offers are added fast and tested rarely. What to watch so a promotion does not become the first barrier a shopper meets.
The first thing many shoppers meet on a store is not the homepage. It is a popup: a discount offer, a region notice, or an email capture box laid over the page. If that overlay traps focus, hides its close button, or cannot be read by a screen reader, the promotion is the barrier.
Overlays drift because they are campaign tools, swapped weekly by people who never see the accessibility audit. This guide covers a watching routine sized for that pace.
Check the overlay lifecycle, not just its look
An accessible overlay has a full lifecycle: it appears without moving focus unexpectedly, it can be reached and read in a sensible order, its controls are labelled, and closing it returns the shopper to exactly where they were. Most overlay defects live at the start and end of that cycle, not in the middle.
Test with the timing real shoppers get. An overlay that appears after eight seconds, mid scroll or mid typing, behaves differently from one tested on page load in a staging preview.
Watch close, consent, and capture controls
The close control is the most important element in any promotional overlay and the one most often reduced to a faint icon with no accessible name. It needs a real button, a clear label, a visible focus state, and a target size a touch user can hit without precision.
Email capture and consent wording inside overlays need the same checks as any form: a visible label, honest wording about what signing up means, and an error state that can be perceived without colour alone. A discount is not a reason to lower the standard.
Track which campaigns ship which overlays
Keep a simple log linking each overlay version to its campaign dates and owner. When a barrier is reported, the log answers the first question instantly: whose overlay is live right now, and when did it change.
Require one keyboard and screen reader pass as part of campaign sign off for any new overlay variant. It takes minutes on a single overlay, and it is far cheaper than retrofitting a live campaign during its highest traffic week.
Set expiry and review dates for every overlay
Overlays outlive their campaigns. A seasonal offer, a region notice from a past incident, or a survey from last quarter can still be firing months later, layering over newer content and confusing every assistive technology user who meets it.
Give each overlay an expiry date in the log and review the list monthly. Removing dead overlays is accessibility work, performance work, and housekeeping in a single action.
Related reading
If this topic is useful, these earlier guides go deeper on connected questions: Watching Third Party Embeds: Maps, Videos, and Social Feeds, Accessibility Watch for Holiday Landing Pages, and Watching Subscription and Replenishment Pages for Barriers.
Frequently asked questions
Why do popups cause so many accessibility complaints?
Because they interrupt, they are often built by campaign tools outside the main template standards, and they change frequently. The combination means they are the least tested interactive element on most stores.
What is the single most important overlay check?
That a keyboard user can close it easily and land back where they were. If the close path fails, every other quality in the overlay is irrelevant, because the shopper cannot get past it.
Should overlays appear for screen reader users at all?
They can, if they are announced properly, are fully operable, and are easy to dismiss. What must not happen is an overlay that is visible on screen but hidden from, or chaotic for, assistive technology.
How often should live overlays be reviewed?
At every campaign change, and in a short monthly sweep for expired or forgotten overlays. The sweep usually finds at least one overlay nobody still owns.