Comments on Designing Safer Web Animation For Motion Sensitivity

11 Reader Comments

Back to the Article
  1. This is fantastic! Thank you! Too many times I’ve been asked “well how much animation is too much?” and been tempted to say “any”, but this gives me (and the people asking me) some more solid guidelines on how we can approach animation responsibly.

    Copy & paste the code below to embed this comment.
  2. Thanks for writing this and spreading the word Val! One of the things I’ve been pushing the last week is to use hashtags #DZY and #SZR to indicate links that may induce vertigo or seizures respectively due to animation or movement on the site. Consider them the #NSFW and #TW equivalents for the motion sensitive.

    Copy & paste the code below to embed this comment.
  3. As an FYI, now that I’m looking at this article on a computer and not a phone, the great header illustration by Sue Lockwood actually triggers me with the “double line” 3Dish thing going on in the middle tweening steps. Sometimes even the allusion to motion can be enough.

    Copy & paste the code below to embed this comment.
  4. Great read. My team is looking at how to tackle this issue internally. We came up with a toggle button similar to the demo provided.  Web accessibility is a big focus here in Canada!

    Copy & paste the code below to embed this comment.
  5. @greg Me too and I made it.  I actually can’t look at it very long.

    Copy & paste the code below to embed this comment.
  6. @Carlin, hit me up if you have questions or get something going. I was going to OSS a library (https://github.com/gtarnoff/omrijs) but have been wicked busy. I’d love to see that come to life in a reusable way.

    Copy & paste the code below to embed this comment.
  7. A great article and a perfect topic for a project I am working on.  I know that flashing lights and such can cause seizures but I never really considered how even the examples provided can be troubling to people with vertigo etc.  Good point to really help others understand why more is not always better.

    Copy & paste the code below to embed this comment.
  8. Hope I can be heard above the spammers. Great article that explains clearly what happens for me on animated web pages or apps.  I am not aware of having any of the medical conditions you mention. I think what happens for me is that, because of the involuntary motion, my eyes are trying to focus on something that is not focusable. I have no trouble watching most animated films, but do tend to have to trouble with videos that flash frequently between light and dark.

    That’s a great illo at the top. I think it might trigger some people that don’t get triggered by the animation issue.

    Copy & paste the code below to embed this comment.
  9. @greg thanks for the github share, like it.

    Copy & paste the code below to embed this comment.