bytelyst/learning_ai_clock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(web): add prefers-reduced-motion media query for accessibility

Browse Source
This commit is contained in:
saravanakumardb1 2026-03-28 00:38:48 -07:00
parent 0036e6af10
commit 2d0a47be92
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/app/globals.css
View File

@ -186,6 +186,16 @@ body {
outline-offset: 2px; 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 */ /* Screen-reader only utility */
.sr-only { .sr-only {
position: absolute; position: absolute;