diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js index 480de9fa..bed4c314 100644 --- a/src/components/still-image/still-image.js +++ b/src/components/still-image/still-image.js @@ -12,12 +12,16 @@ const StillImage = { data () { return { stopGifs: this.$store.getters.mergedConfig.stopGifs, - isAnimated: false + isAnimated: false, + prefersReducedMotion: false } }, + created () { + this.prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches + }, computed: { animated () { - return this.stopGifs && this.isAnimated + return this.stopGifs && this.isAnimated && this.prefersReducedMotion }, style () { const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str