From 2d0a47be92e3a776b572b9062601bbeb3a415901 Mon Sep 17 00:00:00 2001 From: saravanakumardb1 Date: Sat, 28 Mar 2026 00:38:48 -0700 Subject: [PATCH] fix(web): add prefers-reduced-motion media query for accessibility --- web/src/app/globals.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/web/src/app/globals.css b/web/src/app/globals.css index 24adcde..19fca39 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -186,6 +186,16 @@ body { outline-offset: 2px; } +/* Respect user motion preference */ +@media (prefers-reduced-motion: reduce) { + *, *::before, *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} + /* Screen-reader only utility */ .sr-only { position: absolute;