WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Transitions causing motion sickness - WCAG failure and how to handle?


From: November.Samnee@wellsfargoadvisors.com
Date: Dec 21, 2016 7:17AM

I haven't seen this article shared yet, and I've found that it really resonates with designers.


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Birkir R. Gunnarsson
Sent: Wednesday, December 21, 2016 7:33 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Transitions causing motion sickness - WCAG failure and how to handle?

Here are a couple of resources I noted on my TWitter feed:
REduced motion setting in WebKit
Helpful twitter user:
I am curious myself to see how these are coming along.

On 12/21/16, Tim Harshbarger < <EMAIL REMOVED> > wrote:
> I think the best approach is to provide the client with information
> and let them decide how they want to proceed.
> You could just tell them that you experienced motion sickness from the
> transition. Another option is to try out the transition on other
> people or propose they try it out on a wider potential audience before
> they start incorporating the transition into their design more widely.
> A last option I can think of is to do some research on visually
> induced motion sickness and perhaps something in that research is
> something you can explain to the client to give them more information.
> I am totally blind myself so I have never experienced this. However, I
> do have family and friends who have complained in the past about
> visually induced motion sickness--typically after watching 3D films or
> playing video games. That makes me think that this kind of effect is
> likely significant enough that someone somewhere might have written
> about the causes. If you can find that, it might help you explain why
> the transition could cause motion sickness to other people as
> well--and possibly provide solutions for how to avoid that effect.
> -----Original Message-----
> From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On
> Behalf Of Jonathan Cohn
> Sent: Wednesday, December 21, 2016 7:08 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Transitions causing motion sickness - WCAG
> failure and how to handle?
> I have never seen any standards on this, but during the beta cycle of
> iPhone's IOS 8 or 9, Apple added in a reduce transitions or animations
> to their accessibility page. Also, on my Company's IntraNet adjacent
> to the Enable more accessible mode is a check box to turn off
> animations. I expect there is no universal way of disabling this
> based on browser or system preferences.
> Best wishes,
> Jonathan Cohn
>> On Dec 21, 2016, at 6:22 AM, Karl Brown < <EMAIL REMOVED> > wrote:
>> Hi all,
>> A client is going through a rebranding exercise and as part of that
>> wants to use lots of animated transitions. The biggest once I've seen
>> is a right-to-left "swipe" which starts slow, speeds up (a lot) and
>> slows right down. The transitions will be used in videos and to
>> switch between "states"
>> (showing/hiding content which itself slides in at a different rate to
>> the "block" it sits on).
>> While reviewing the document and checking the design agency are
>> proposing I started to feel symptoms of motion sickness. I'm not
>> personally prone to motion sickness so I'm assuming the animated
>> transitions are likely to cause issues for a much wider group of
>> people.
>> Looking through the WCAG I can't see anything that talks about
>> transitions, motion sickness, or anything similar. The closest I can
>> find is 2.3.1 but that's about seizures and is closer to epilepsy
>> than motion sickness.
>> Does anyone know of an interpretation that can cover transitions?
>> If not, how does the group suggest handling the situation? My concern
>> for the client is they lose customers because people don't want to
>> visit a website that makes them feel sick. I don't know enough about
>> sensory disorders to know whether to speed up/slow down/eliminate the
>> transitions (the latter won't go down well with the brand team at the client).
>> All the best,
>> --
>> Karl Brown
>> Twitter: @kbdevelops
>> Skype: kbdevelopment
>> Professional Certificate Web Accessibility Compliance (Distinction),
>> University of South Australia, 2015
>> >> >> archives at http://webaim.org/discussion/archives
>> >
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >

Work hard. Have fun. Make history.