Skip to content
StoreA11y

Shopify · 2.2.2 Pause, Stop, Hide (Level A)

Blinking content is present on Shopify

Some elements use <blink>. Content that flashes cannot be stopped by the shopper, is unreadable for many people with cognitive disabilities, and is a seizure risk above three flashes per second.

Which WCAG criterion this fails

  • Does not meet 2.2.2 Pause, Stop, Hide (Level A)

How to fix it on Shopify

Everything below is done from Online Store > Themes > Edit code. Take a copy of the theme before editing.

  1. Delete the <blink> element and keep its text.
  2. If the intent was to draw attention to a sale, use colour, size and position instead — none of which move.
  3. The same rule applies to CSS animations that flash: anything that moves for more than five seconds needs a pause control.

Where this usually lives

Custom Liquid blocks, announcement bar customisations

Paths given for Dawn and its derivatives (Sense, Craft, Refresh, Studio). A heavily customised theme may differ; the CSS selector in your scan report points at the exact element.

Code

<!-- Remove -->
<blink>SALE ENDS TONIGHT</blink>

<!-- Use static emphasis -->
<p class="sale-banner"><strong>Sale ends tonight</strong></p>

How to confirm it is fixed

Re-run the scan. This rule should drop out of the findings entirely. If the instance count falls but does not reach zero, the same defect exists in another template — product cards and quick-view modals are the usual second home for it.

Effort: low. Rule id: blink (axe-core).