Two different problems
Moving content can cause trouble in two quite different ways, and it helps to keep them apart.
The first is flashing: fast, repeated changes between bright and dark, or between strongly contrasting colors. For a small number of people with photosensitive conditions, rapid flashing can trigger seizures. This is a safety issue, not a matter of taste.
The second is motion: large movement across the screen, spinning, zooming, parallax scrolling or constant background animation. For some people, especially those with vestibular disorders, migraines or certain attention difficulties, this can cause dizziness, nausea, headaches or difficulty concentrating. This is often described as motion sensitivity. It is rarely dangerous in the way flashing can be, but it can make a page hard or impossible to use.
Most people are not affected by either, which is why the problems are easy to overlook when you test only on yourself.
Flashing: the firm rule
Widely used accessibility guidelines say that content should not flash more than three times in any one-second period, unless the flash is small and low in contrast. The simplest safe approach is to avoid flashing altogether. Lightning effects, strobe-style transitions, rapid cuts between very bright and very dark frames, and flickering overlays are all common sources of trouble in video, animated graphics and GIF-style loops.
Some practical habits:
- Review your own footage and animations for any rapid brightness changes, especially full-screen ones.
- Be cautious with stock clips and effects, and preview them before adding them.
- If an effect cannot be avoided, consider adding a clear warning at the start and offering an alternative version.
- Remember that a large flashing area is more risky than a small one, and red flashes are considered particularly risky.
Because photosensitive reactions can be severe, a warning alone is not a substitute for avoiding the problem when you can. If you work in a field where flashing is hard to avoid, look for official guidance or specialist testing tools rather than relying on a visual guess.
Motion: reduce, explain, allow control
Many motion problems come from decoration rather than meaning. Ask whether an animation is communicating something. A small fade that shows a menu opening may help people understand what happened. A full-screen swoosh on every scroll usually does not.
Let people stop things
Anything that moves automatically for more than a few seconds, such as a looping banner, a scrolling ticker or background video, should have a visible way to pause, stop or hide it. This also helps readers who find moving elements distracting while they try to read nearby text.
Do not autoplay without a choice
Videos that start on their own, especially with sound, surprise and disorient people. Let the viewer press play. If you must autoplay a muted decorative clip, keep it brief and give it a pause control.
Respect system settings
Computers and phones commonly include a “reduce motion” preference. Websites can detect it and switch off or simplify animations. If you work with a developer or a site template, ask whether it honors this setting. Where you control the animation yourself, treat the preference as a cue to use fades or static states in place of sliding, zooming or spinning.
Be careful with scroll effects
Parallax, where background layers move at different speeds, and effects that tie large movement to scrolling are frequent causes of dizziness. Use them sparingly and offer a simpler version where possible.
Keep timing generous
Slideshows and carousels that advance quickly can be hard to follow. Make timing slow enough to read, and provide previous and next controls so people do not have to wait for the next slide.
Video and animation specifics
In video, quick camera shakes, fast whip pans and rapid cuts can be uncomfortable for sensitive viewers. This does not mean avoiding them entirely, but think about whether the style is helping the story. Steadier shots and clear transitions are friendlier, and good camera stability also tends to make footage look more polished.
For animated graphics, consider offering a static version of the key information, such as a still image or a short text summary, so the message does not depend on watching the motion. People who need or prefer less movement can then still get the point.
Testing
You cannot see what others experience, but you can improve your odds.
- Watch your content at full screen and look for any rapid bright-dark patterns.
- Turn on your device’s reduce-motion setting and see what changes on your pages.
- Check that every moving element has a pause control.
- Ask a few people, including some who have told you they are sensitive to motion, to try the page. Many will tell you quickly if something is uncomfortable.
A balanced view
Animation is not the enemy. Used with care, it can explain how something works, draw attention to an important change or add personality. The aim is to make motion optional and purposeful, and to keep flashing out of your work. When in doubt, choose the calmer option, and let your audience decide how much movement they want.