diff --git a/scss/_carousel.scss b/scss/_carousel.scss
index 3b048e0d1a73..9d146eb9c909 100644
--- a/scss/_carousel.scss
+++ b/scss/_carousel.scss
@@ -77,6 +77,10 @@
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
+
+    @media screen and (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
   }
 
   .carousel-item.active,
diff --git a/scss/_progress.scss b/scss/_progress.scss
index 0ac3e0c93f24..29f2eabab6b9 100644
--- a/scss/_progress.scss
+++ b/scss/_progress.scss
@@ -31,4 +31,8 @@
 
 .progress-bar-animated {
   animation: progress-bar-stripes $progress-bar-animation-timing;
+
+  @media screen and (prefers-reduced-motion: reduce) {
+    animation: none;
+  }
 }