Skip to content

Add 'motion-preference' media feature #778

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 48 additions & 0 deletions mediaqueries/Overview.bs
Original file line number Diff line number Diff line change
Expand Up @@ -1806,6 +1806,54 @@ All Available Interaction Capabilities: the 'any-pointer' and 'any-hover' featur
or to hide them altogether to reduce visual clutter if ''(any-pointer: fine)'' is false.
</div>

<!--
██ ██ ██████ ████████ ████████ ████████ ████████ ████████ ████████ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██████ ██████ ████████ ████████ ████████ ██████ ██████ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
███████ ██████ ████████ ██ ██ ██ ██ ██ ████████ ██ ██████
-->

<h2 id='mf-user-preferences'>
User Preference Media Features</h2>

<h3 id="motion-preference">
Detecting the preference for less or no motion on the page: the 'motion-preference' feature</h3>

<pre class='descdef mq'>
Name: motion-preference
Value: default | reduce | disable
For: @media
Type: discrete
</pre>

The 'motion-preference' media feature is used to detect if the user
has requested the system minimize or disable the amount of animation
or motion it uses.

<dl dfn-type=value dfn-for="@media/motion-preference">
<dt><dfn>default</dfn>
<dd>
Indicates that the user has made no preference known
to the system. This keyword value evaluates as true
in the <a>boolean context</a>.

<dt><dfn>reduce</dfn>
<dd>
Indicates that user has notified the system that they
prefer an interface that minimizes the amount of movement
or animation, preferably to the point where all non-essential
movement is removed.
<dt><dfn>disable</dfn>
<dd>
Indicates that user has notified the system that they
prefer an interface that disables movement or animation,
preferably to the point where all movement is removed.
</dl>


<!--
██████ ██████ ████████ ████ ████████ ████████ ████ ██ ██ ██████
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██
Expand Down