WEBVTT

00:00:00.000 --> 00:00:06.000
Does your website respect a reduced-motion preference?

00:00:06.000 --> 00:00:13.000
Some visitors need less movement to use a page comfortably.

00:00:13.000 --> 00:00:18.000
Keep the meaning with less movement.
6 animation checks.

00:00:18.000 --> 00:00:30.000
Start with the visitor setting
Devices can expose a preference for reduced interface motion.
Device setting · Browser preference · Visitor choice

00:00:30.000 --> 00:00:42.000
Review non-essential movement
Large slides, zooms and parallax effects deserve attention.
Large movement · Zoom effects · Parallax scrolling

00:00:42.000 --> 00:00:54.000
Provide a calmer presentation
A reduced-motion style can simplify or remove suitable animation.
Static alternative · Simpler transition · Same information

00:00:54.000 --> 00:01:06.000
Keep important feedback clear
A calmer interface still needs to show the result of an action.
Visible status · Clear state change · Useful feedback

00:01:06.000 --> 00:01:18.000
Review third-party components
Embedded players and widgets may have their own behaviour.
Embedded content · Widget settings · Actual page test

00:01:18.000 --> 00:01:30.000
Test with the setting enabled
Check navigation and essential tasks in the reduced-motion mode.
Preference enabled · Working controls · Comfortable presentation

00:01:30.000 --> 00:01:39.000
Your checklist
Start with the visitor setting · Review non-essential movement · Provide a calmer presentation · Keep important feedback clear · Review third-party components · Test with the setting enabled

00:01:39.000 --> 00:01:47.000
Use movement carefully and keep controls usable.
jerseyweb.je