Re: [csswg-drafts] No-motion / forced-reduced-motion issue draft (#7440)

The CSS Working Group just discussed `No-motion / forced-reduced-motion issue draft`, and agreed to the following:

* `RESOLVED: Adopt the general path forward of allowing more granular animation control, Rob will write proposed explainer for it`

<details><summary>The full IRC log of that discussion</summary>
&lt;emeyer> flackr: In TAG review, we determined they were going to cause a lot of full-page animations<br>
&lt;emeyer> …There’s concern that we have a query for reduced motion, but there’s interest in a UA policy to shut off animation<br>
&lt;emeyer> fantasai: We could shut off all animation forms, but people want a way to override that<br>
&lt;Rossen_> q?<br>
&lt;PaulG> q+<br>
&lt;emeyer> …Don’t think we should have it at a page level<br>
&lt;emeyer> …If we want the ability to override a forced shutdown of all animations, we need to provide it on a granular level<br>
&lt;emeyer> flackr: Would this be per element?<br>
&lt;emeyer> fantasai: Per animation<br>
&lt;emeyer> flackr: So we’re talking about a new property?<br>
&lt;emilio> q+<br>
&lt;emeyer> fantasai: We might not want the author to be able to override the UA, but if we do, it shoudl be per animation.<br>
&lt;emeyer> …This would mean adding some kind of way to set this for each animation<br>
&lt;flackr> q+<br>
&lt;Rossen_> ack PaulG<br>
&lt;emeyer> PaulG: It sounds like developers in commercial and ad spaces will put !important on all their animations, leading to a back-and-forth war between devs and users. I don’t love the idea of overrides.<br>
&lt;Rossen_> ack emilio<br>
&lt;emeyer> emilio: For users who do this, what I’ve seen user stylesheets set animation: none<br>
&lt;emeyer> …I guess that doesn’t work with web animations, but we could make it work with a user setting to ban web animations<br>
&lt;jensimmons> q+<br>
&lt;emeyer> …I don’t feel great about a per-animation switch<br>
&lt;emeyer> …This seems somewhat similar to forced-colors, perhaps we could use a similar approach here<br>
&lt;Rossen_> ack flackr<br>
&lt;jensimmons> q-<br>
&lt;emeyer> flackr: Even though this opens the door for authors to override, they can already do it in JS, and in a worse way<br>
&lt;fantasai> scribe+<br>
&lt;TabAtkins> emeyer: If there's a property that allows authors to turn on animation, won't they just override it for every animation?<br>
&lt;fantasai> emeyer: If there's a property that lets authors disable per-animation, wouldn't they use a universal selector to override for every element every animation?<br>
&lt;PaulG> q+<br>
&lt;TabAtkins> q+<br>
&lt;emeyer> emeyer: If this is done with a property, won’t authors just override with a universal selector or something?<br>
&lt;jensimmons> q+<br>
&lt;emeyer> flackr: Won’t they use GSAP or something?<br>
&lt;Rossen_> ack PaulG<br>
&lt;TabAtkins> More generally, we have similar "let me handle this manually" properties in a few places and trust people to use it responsibly.<br>
&lt;emeyer> PaulG: People with serious disorders or epilepsy will disable JS. It would be better for them if they can disable CSS animations.<br>
&lt;emeyer> …If they can’t shut off CSS the same way they can JS, they have less control<br>
&lt;Rossen_> ack fantasai<br>
&lt;emeyer> fantasai: If we do this declarative way, that allows the browser to have different levels of policy. One could be force all animations off, another force off unless overridden. We can allow that explicitly.<br>
&lt;emeyer> …There was a suggestion at proposal time to set a level and let users set it in the UA.<br>
&lt;emeyer> …If someone wants to behave badly, they can always go to JS. With the CSS approach, authors will have to confront their decision to override accessibility concerns.<br>
&lt;emeyer> …It is a little bit different from normal ad wars, I think<br>
&lt;emeyer> TabAtkins: We have other properties where we let authors explicitly opt into handling things manually, and trust they’ll be used when necessary and good<br>
&lt;fantasai> s/unless overridden/, and a third could be force off and ignore overrides/<br>
&lt;emeyer> …As a general rule, our policy seems to be to let people opt out on individual levels when there’s a good reason<br>
&lt;Rossen_> ack TabAtkins<br>
&lt;Rossen_> ack jensimmons<br>
&lt;emeyer> jensimmons: Part of the complexity is people have different needs for levels of motion, and a boolean doesn’t work<br>
&lt;fantasai> s/set a level and let users set it in the UA/allow a force-off, but allow authors to override with a switch/<br>
&lt;flackr> q+<br>
&lt;emeyer> …A lot of people want or need to turn off extreme or fast animation; a designer might do that stuff because they think that’s cool<br>
&lt;flackr> q-<br>
&lt;emeyer> …users who don’t want extreme animation might want small animations<br>
&lt;PaulG> https://www.w3.org/TR/adapt-content/ provides levels of importance in animation<br>
&lt;emeyer> …I’m for something that will let authors deal with this kind of nuance<br>
&lt;emeyer> …If we can also have a switch for users who need no motion at all, that would be an ideal way to go<br>
&lt;Rossen_> q?<br>
&lt;emeyer> flackr: From what I hear, there’s general support for this idea, which is good. Let’s put together a more concrete proposal and bring it back to the WG<br>
&lt;jensimmons> We should design CSS to work the way we want, to provide the result we want, and not rely on a dependency on JS. CSS itself should be well defined as a language, and we don't want to require Authors to use JS to handle animation motion properly.<br>
&lt;emeyer> fantasai: I think this should be a standalone for now, but this will have to integrate into animation, scroll-animations, web animations, transitions, [a couple more the scribe missed]<br>
&lt;flackr> q+<br>
&lt;emeyer> flackr: We have a bit of flexibility because these are delcarative to split apart whether the anio9mation is motion-inducing or not. Is there an appetite to distinguish those from opacity and so forth?<br>
&lt;Rossen_> ack flackr<br>
&lt;emeyer> PaulG: If you look at the adapt-content document, they talk about levels of distraction. The more descriptive we can get, the better.<br>
&lt;emeyer> s/anio9mation/animation/<br>
&lt;emeyer> RESOLVED: Adopt the general path forward of allowing more granular animation control, Rob will write proposed explainer for it<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7440#issuecomment-1332369451 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Wednesday, 30 November 2022 15:45:05 UTC