WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Birkir R. Gunnarsson
Date: Dec 21, 2016 6:33AM

Here are a couple of resources I noted on my TWitter feed:
REduced motion setting in WebKit
https://github.com/w3c/csswg-drafts/issues/442
Helpful twitter user:
https://twitter.com/nattarnoff/status/788154206867849216
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
>> >> >> >> >
> > > > > > > > >


--
Work hard. Have fun. Make history.