Dynamic content & motion

Modern pages rarely sit still. They update a result count as you filter, confirm that a draft was saved, slide a panel in, autoplay a hero animation, or count down a session. Every one of those changes happens after the page has loaded — and that is exactly where accessibility quietly breaks. A change a sighted user sees in an instant can be completely silent to a screen reader, physically disorienting to someone with a vestibular disorder, a seizure risk to a photosensitive user, or an impossible race against the clock for anyone who needs more time. Content that changes on its own must still be perceivable and controllable by everyone.

Who this affects

  • Screen reader users only learn about a DOM change if it is announced. A result count that updates silently, a “Saved” confirmation, or an async error that appears with no live region simply never reaches them — the interface looks unchanged.
  • People with vestibular disorders can be made dizzy, nauseous, or disoriented by large-scale motion: parallax, sweeping transitions, and zooming or spinning effects that play whether they asked for them or not.
  • Photosensitive users, including people with photosensitive epilepsy, can have a seizure triggered by content that flashes more than three times a second, especially across a large area or with saturated red.
  • People who need more time — older users, people with cognitive or motor disabilities, anyone using assistive tech or simply reading carefully — are cut off by session timeouts and carousels that auto-advance before they can read or act.

Standards covered

The lesson in this category maps each kind of after-load change to the success criteria and laws that govern it. Handle the change correctly once and you satisfy all of them together.

WCAG 4.1.3 WCAG 2.2.1 WCAG 2.2.2 WCAG 2.3.1 WCAG 2.3.3 EN 301 549 Section 508 ADA

Lessons

More motion lessons are coming

We’re adding focused lessons on accessible toasts and notifications, loading and progress states, scroll-triggered animation, video and GIF controls, and animation from interactions (3.2.x). Start with Dynamic content & motion — it covers the four defects you’ll meet most often.