• Success Criterion 2.3.1
  • Conformance level A

Strobe Intro or Glitch Effect Above the Flash Threshold

2.3.1 — Three Flashes or Below Threshold

Scenario

Setting

A ride-hailing app's trip booking screen

What’s wrong

Any content flashing >3 times/second above general or red-flash thresholds: strobe intros, glitch effects, party GIFs.

Example 

.confirmation-glitch {
  animation: strobe 0.1s infinite steps(1);
}

Why it matters

A rider confirming a trip is hit with a rapid strobe effect meant to look exciting, right when they need to check trip details.

How to test

Review any strobe/glitch visual effect (intro animations, transitions) with PEAT: flashing above the general or red-flash threshold fails.

How to fix

A single smooth fade confirms the booking without any strobing.

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.confirmation { animation: fadeIn 0.6s ease-in; }

Outcome

A rider sees a smooth confirmation animation and reviews their trip details without any strobing.

Who is affected

Riders with photosensitive epilepsy face a seizure risk from an unskippable strobe animation on booking confirmation.

Learn more

Related scenarios