- Success Criterion 2.3.1
- Conformance level A
Rapid Full-Screen Color Flash on Load or Error
2.3.1 — Three Flashes or Below Threshold
Scenario
Setting
A real-estate marketplace's listing page
What’s wrong
Rapid full-screen color inversion animations on load or error states.
Example
.alert-badge { animation: flash 0.2s infinite; } /* 5Hz */Why it matters
People with photosensitive epilepsy and others sensitive to rapid flashing.
How to test
Review any rapid full-screen color-inversion animation (on load or error states) with PEAT: above-threshold flashing fails.
How to fix
Nothing may flash more than 3 times per second above the general or red-flash thresholds. .alert-badge { animation: flash 1s infinite; } /* below 3Hz threshold */ Content must not flash more than 3 times per second across a large enough area to matter.
Outcome
On a real-estate marketplace's listing page, this barrier is gone for people with photosensitive epilepsy and others sensitive to rapid flashing — they no longer have to work around this.
Who is affected
People with photosensitive epilepsy and others sensitive to rapid flashing.
Learn more
- Understanding Understanding document (opens in a new tab)
Related scenarios
- Content Flashing Faster Than 3 Times per Second
- Strobe Intro or Glitch Effect Above the Flash Threshold
- Unedited Video With Strobe or Lightning Effects
- Ad or User-Generated Content Never Screened for Flashing
- Rapid Hover Effect That Flashes When a Key Autorepeats
- Loading Spinner Built as a Rapid Full-Screen Flicker