From fc1dd59112713ffc87b3eb8d3520963b6b2b107c Mon Sep 17 00:00:00 2001 From: Célia Chazel Date: Tue, 6 Apr 2021 13:22:22 +0200 Subject: Web/CSS/@media/prefers-reduced-motion: update french translation (#418) * Update index.html * UPDATE: Global update of content from en-US Co-authored-by: tristantheb --- .../css/@media/prefers-reduced-motion/index.html | 82 ++++++++++++---------- 1 file changed, 45 insertions(+), 37 deletions(-) (limited to 'files/fr/web/css/@media/prefers-reduced-motion/index.html') diff --git a/files/fr/web/css/@media/prefers-reduced-motion/index.html b/files/fr/web/css/@media/prefers-reduced-motion/index.html index 32e0c2bcd8..9f161ee4fd 100644 --- a/files/fr/web/css/@media/prefers-reduced-motion/index.html +++ b/files/fr/web/css/@media/prefers-reduced-motion/index.html @@ -3,45 +3,54 @@ title: prefers-reduced-motion slug: Web/CSS/@media/prefers-reduced-motion tags: - '@media' - - Accessibilité + - Accessibility - CSS - - Caractéristique média + - Media Queries - Reference + - media feature translation_of: Web/CSS/@media/prefers-reduced-motion ---
{{CSSRef}}
-

La caractéristique média prefers-reduced-motion détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement.

+

La requêtes média CSS prefers-reduced-motion détecte si l'utilisateur a demandé au système de minimiser la quantité d'animation ou de mouvement.

-

Syntaxe

+
+

Important :

+

Un exemple intégré au bas de cette page comporte un mouvement d'échelle qui peut poser problème à certains lecteurs. Les lecteurs souffrant de troubles du mouvement vestibulaire peuvent souhaiter activer la fonction de réduction du mouvement sur leur appareil avant de visionner l'animation.

+
+ +

Syntaxe

-
no-preference
-
Cette valeur indique que l'utilisateur n'a rien indiqué au système.
-
reduce
-
Cette valeur indique que l'utilisateur souhaite utiliser une interface qui minimise la quantité d'animation, au point où tout mouvement qui n'est pas essentiel a été retiré.
+
no-preference
+
Cette valeur indique que l'utilisateur n'a rien indiqué au système.
+
reduce
+
Cette valeur indique que l'utilisateur souhaite utiliser une interface qui minimise la quantité d'animation, au point où tout mouvement qui n'est pas essentiel a été retiré.
-

Gestion des préférences

+

Gestion des préférences

Dans Firefox, la valeur reduce est utilisée par le moteur selon des conditions provenant du système d'exploitation/environnement de bureau :

-

Exemples

+

Exemple

Cet exemple possède une animation désagréable qui sera exécutée à moins d'activer la réduction de mouvement dans les préférences relatives à l'accessibilité.

-

HTML

+

HTML

<div class="animation">boîte animée</div>
-

CSS

+

CSS

.animation {
   animation: vibrate 0.3s linear infinite both;
@@ -99,37 +108,36 @@ translation_of: Web/CSS/@media/prefers-reduced-motion
-

Résultat

+

Résultat

-

{{EmbedLiveSample("Exemples")}}

+

{{EmbedLiveSample("example")}}

-

Spécifications

+

Spécifications

- - - - - - - - - - - - - - + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS5 Media Queries', '#descdef-media-prefers-reduced-motion', 'prefers-reduced-motion')}}{{Spec2('CSS5 Media Queries')}}Définition initiale.
SpécificationStatutCommentaire
{{SpecName('CSS5 Media Queries', '#descdef-media-prefers-reduced-motion', 'prefers-reduced-motion')}}{{Spec2('CSS5 Media Queries')}}Définition initiale.
-

Compatibilité des navigateurs

- - +

Compatibilité des navigateurs

{{Compat("css.at-rules.media.prefers-reduced-motion")}}

-

Voir aussi

+

Voir aussi

-- cgit v1.2.3-54-g00ecf