| # | Beat | Timecode | Motion | Logo | Audio | VO / on-screen |
|---|---|---|---|---|---|---|
| 1 | open | 0–7.9s | spatial-parallax | icon·liquid-chrome | ♪ — | One in four adults lives with a disability. If they cannot use your site, that is a quarter of your market gone. on-screen: Who can't use your site? |
| 2 | legacy | 7.9–14.9s | crossfade-8f | icon·white-knockout | ♪ — | The old way bolted accessibility on at the end, like a ramp added after the building was already finished. on-screen: The afterthought ramp |
| 3 | teach | 14.9–21.9s | kinetic-build | icon·liquid-chrome | ♪ — | First we unplug the mouse and tab through the whole site, because many people navigate with the keyboard alone. on-screen: Step 1: keyboard only |
| 4 | teach | 21.9–28.9s | kinetic-build | icon·white-knockout | ♪ — | Every button and image gets a real text label, so a screen reader can speak the page out loud. on-screen: Step 2: label everything |
| 5 | teach | 28.9–35.9s | kinetic-build | icon·liquid-chrome | ♪ — | We measure text against its background, so the words clear the contrast floor instead of squinting past it. on-screen: Step 3: contrast you can read |
| 6 | teach | 35.9–42.9s | kinetic-build | icon·white-knockout | ♪ — | Then we run an automated audit and read the screen-reader output, fixing what both the robot and the human flag. on-screen: Step 4: test with the tools |
| 7 | proof | 42.9–48.9s | receipts-count | icon·liquid-chrome | ♪ — | That is a site you can drive with a keyboard, hear out loud, and read in bright sun. on-screen: Usable by everyone |
| 8 | futurist | 48.9–54.9s | spatial-parallax | icon·white-knockout | ♪ — | Accessible design is just good design, the captions and clarity help every user, not only some. on-screen: What this unlocks |
| 9 | resolve | 54.9–60.9s | coalescence | stacked·liquid-chrome | ♪ swell | Want to know who cannot use your site today? We will run the audit. temerarii.xyz. on-screen: Audit your site |