Disable some vestibular trigger animations when prefers-reduced-motion is active.
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 24 Jul 2018 17:31:18 +0000 (17:31 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 24 Jul 2018 17:31:18 +0000 (17:31 +0000)
https://bugs.webkit.org/show_bug.cgi?id=186529

Reviewed by Dean Jackson.

* wp-content/themes/webkit/style.css:
(@media (prefers-reduced-motion)): Added to honor reduced motion settings.
(article,): Added to only use fade-in animation and prevent motion.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@234155 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/wp-content/themes/webkit/style.css

index 3397fcf..be7988d 100644 (file)
@@ -1,3 +1,14 @@
+2018-07-24  Jon Davis  <jond@apple.com>
+
+        Disable some vestibular trigger animations when prefers-reduced-motion is active.
+        https://bugs.webkit.org/show_bug.cgi?id=186529
+
+        Reviewed by Dean Jackson.
+
+        * wp-content/themes/webkit/style.css:
+        (@media (prefers-reduced-motion)): Added to honor reduced motion settings.
+        (article,): Added to only use fade-in animation and prevent motion.
+
 2018-06-20  Manuel Rego Casasnovas  <rego@igalia.com>
 
         [WPE] Some fixups on webkit.org page
index 1ac8da1..e12183b 100644 (file)
@@ -1703,6 +1703,16 @@ header .menu-item { /* add bottom dimension to main menu items */
     margin-top: 0;
 }
 
+/** Accessibility **/
+
+@media (prefers-reduced-motion) {
+    article,
+    .feature-status-page {
+        -webkit-animation: fade-in 0.7s;
+        animation: fade-in 0.7s;
+    }
+}
+
 /** Screen Breakpoints **/
 
 @media only screen and (max-width: 1180px) {