- Success Criterion 2.3.1
- Conformance level A
Rapid Hover Effect That Flashes When a Key Autorepeats
2.3.1 — Three Flashes or Below Threshold
Scenario
Setting
An insurance company's claims form
What’s wrong
Hover/press effects that rapidly toggle high-contrast states when a key autorepeats.
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
Hold down a key that triggers a rapid hover/press toggle effect (autorepeat): check whether the resulting flicker exceeds the flash threshold.
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 an insurance company's claims form, this barrier is gone for people with photosensitive epilepsy and others sensitive to rapid flashing — they reach the same outcome without extra effort.
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
- Rapid Full-Screen Color Flash on Load or Error
- Ad or User-Generated Content Never Screened for Flashing
- Loading Spinner Built as a Rapid Full-Screen Flicker