WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: JP Jamous
Date: Dec 22, 2016 6:43AM


Karl,

I just remembered something that used to happen with me in the car when I was sighted. I could never read in a car for a long period of time. I would get motion sickness as well. Mind you that I can handle the rockiest boat on a lake or in the ocean without an issue. The only thing I know of that would give me motion sickness is being in a car and reading with my eyes, which I cannot do anymore.

I say that to second you on this one. I may if I could see get motion sickness from such a thing. What if I am in a car and I am looking at this site. Will the motion sickness double or cancel out? That would be something interesting to try. If you test it make sure someone else is driving or let us know so we can stay off the streets.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Karl Brown
Sent: Thursday, December 22, 2016 4:22 AM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Transitions causing motion sickness - WCAG failure and how to handle?

Thanks, everyone.

I'm going to sit with the designers and the brand team at the client and make some recommendations, including a tool to switch off transitions and animations (though this won't affect the YouTube videos they'll have).

I'm also going to start doing some deeper work on motion design to see what guidance can be given more widely to minimise (hopefully eliminate) the impact the transitions could have.

Thanks again :)

On Wed, Dec 21, 2016 at 2:17 PM, < <EMAIL REMOVED> >
wrote:

> I haven't seen this article shared yet, and I've found that it really
> resonates with designers.
>
> http://alistapart.com/article/designing-safer-web-animation-
> for-motion-sensitivity
>
>
>
> -----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
> 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
> >> > >> > >> 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.
> > > archives at http://webaim.org/discussion/archives
> > > > archives at http://webaim.org/discussion/archives
> >



--
Karl Brown
Twitter: @kbdevelops
Skype: kbdevelopment

Professional Certificate Web Accessibility Compliance (Distinction), University of South Australia, 2015