feat(a11y): respect prefers-reduced-motion for scroll-sync

Uses scrollIntoView behavior 'instant' instead of 'smooth', skips
CSS animations (static highlight instead), and extends timeout to
2s for reduced-motion users.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-07 11:27:01 +02:00
parent 81b14e5026
commit 10cecb01f5
3 changed files with 32 additions and 7 deletions

View File

@@ -194,4 +194,11 @@ const containerStyle = $derived(
.annotation-flash {
animation: annotation-flash-anim 1.5s ease-out;
}
@media (prefers-reduced-motion: reduce) {
.annotation-flash {
animation: none;
outline: 3px solid rgba(0, 199, 177, 0.8);
}
}
</style>