Jun 2, 2026 In 1997, the world witnessed what became known as the “Pokémon Incident“: a two-minute sequence in a popular animated series featured rapid, stroboscopic light flashes – and more than 600 Japanese children suffered seizures the same evening. The screen was just a television. The content was a cartoon.
Today, that screen lives in everyone’s pocket. Websites overflow with animations, flashing banner ads, looping GIFs, and high-speed visual effects that no one ever stopped to audit. And the question most web designers quietly skip: what happens to a person with epilepsy when they open your page?
The answer can be a seizure. Which means digital design – literally – can cause physical harm. This is precisely why digital accessibility for people with epilepsy is one of the most sensitive and most necessary chapters of inclusive design.
Epilepsy and Screens – What’s the Connection?
Epilepsy is a neurological disorder causing abnormal electrical activity in the brain, resulting in recurring seizures. Among its many forms, the one most directly connected to web design is photosensitive epilepsy (PSE), where seizures are triggered by specific visual stimuli.
These stimuli include rapid light flashes, moving geometric patterns, and fast alternations of high-contrast colors – especially saturated red, which research has consistently shown to be the single most seizure-provocative color on the spectrum.
| ⚡ Visual triggers that can cause seizures |
| Flashing at 3–30 Hz – the most dangerous frequency range, per the Epilepsy Foundation of America |
| Moving alternating geometric patterns: contrasting stripes, grids, or checkerboards in motion |
| Saturated red in rapid flashes – the highest-risk single color under WCAG 2.2 red-flash thresholds |
| Fast scene transitions between high-luminance content and flashing advertisements |
| Looping GIFs and autoplaying video with rapid, uncontrolled motion |
WCAG Standards – What Do They Actually Require?
The Web Content Accessibility Guidelines dedicate Guideline 2.3 entirely to seizures and physical reactions. Here is what it means in practice:
| Criterion | Level | What it requires |
| 2.3.1 | AA – Required | No content may flash more than 3 times per second – unless the flash falls below the defined general flash and red flash luminance thresholds |
| 2.3.2 | AAA – Advanced | Absolute prohibition on any content flashing more than 3 times per second, regardless of size or brightness – the safest possible standard |
| 2.2.2 | AA – Required | Any auto-playing moving content that lasts more than 5 seconds must provide user controls to pause, stop, or hide it. |
Level AA represents the minimum expected in most government and institutional evaluations. Meeting it means you comply with the legal and standards baseline in the majority of countries worldwide.
Common Design Failures – Is Your Website at Risk?
These are the most frequent design elements that pose genuine risk to users with epilepsy – and they are, unfortunately, everywhere:
| The Hazardous Element | What the harm is – and what the alternative looks like |
| Looping flashing GIFs | An uncontrolled GIF = hazardous content. Alternative: static image, manual-play video, or a GIF that stops after one cycle |
| Flashing banner ads | High-speed animated ads are among the most dangerous triggers. Alternative: static ads or very slow animations (one cycle per 3+ seconds) |
| Auto-playing hero sections | Fast-transitioning background videos or slides at the top of the page. Alternative: reduce speed, add controls, or offer a “reduce motion” option |
| Fast parallax effects | Rapid 3D-style scrolling motion can provoke seizures. Alternative: slow parallax or disable via prefers-reduced-motion CSS |
| Saturated red animations | Red in rapid alternation is the highest single-color risk factor. Alternative: avoid animating saturated red (#FF0000 range) entirely |
| Looping loading screens | Pulsating or flashing loaders during long wait times. Alternative: calm progress bar or slow single-color spinner |
The Technical Fix – Three Levels of Protection
Addressing photosensitive epilepsy in web design works across three complementary layers – from proactive design decisions to user-controlled safety features:
Level 1: Proactive Design Prevention
- Implement the CSS media query prefers-reduced-motion – pauses all animations for users who have enabled “reduce motion” in their device settings.
- Eliminate all content flashing above 3 Hz – no exceptions for core page content.
- Avoid saturated red (#FF0000 and similar) in any animated or flashing element.
- Test all visual content with the PEAT tool (Photosensitive Epilepsy Analysis Tool) before publishing.
Level 2: User-Controlled Safety
- A clearly visible “Stop Motion” or “Pause Animations” button – halts everything with a single tap.
- Clear content warnings before any potentially triggering material – gives users the choice to proceed or step back.
- Video playback speed controls – reducing speed meaningfully lowers the photosensitive risk.
Level 3: Plug-and-Play with Hemam Tools
Hemam Toolkit activates Epilepsy Safe Mode on any website with a single line of code – automatically suppressing:
| ⚡ What does Epilepsy Safe Mode in Hemam Tools do instantly |
| Halts all animations, GIFs, and autoplaying videos across the entire website |
| Softens extreme color contrast combinations that cause visual fatigue |
| Blocks flashing in any interactive or advertising element |
| Activates prefers-reduced-motion automatically – no device settings change required by the user |
| Accessible from the side accessibility panel with a single tap – fully in the user’s control |
What a Person with Epilepsy Actually Experiences Online
“I avoid certain websites entirely. I never know when a flashing ad or a sudden animation will appear. The internet isn’t enjoyable for me – it’s a constant source of anxiety.”
That is not a complaint. It is the daily reality of hundreds of thousands across the Arab world and tens of millions globally. A person with photosensitive epilepsy is not being difficult – they are avoiding a genuine physical risk.
When your website is designed with awareness, you are not merely saying “you are welcome here.” You are saying: “We will not put you in harm’s way.” That is the true core of inclusive design – not a box to tick, but a conscious human decision.
Closing: Safe Design Is Not Optional – It Is a Responsibility
Every designer who places an uncontrolled flashing animation on a page, every developer who enables an animated ad without testing it, every content manager who uploads a fast-looping GIF – each one is making a design decision that reaches real people.
The international standards exist. The testing tools are free. The solutions are more straightforward than they appear. What is usually missing is awareness – and then the decision to act.
