engine.sim.memory review topic-it-accessibility good|bad)| # | Layer (comp_id · still · tier) | Beat | Timecode | Motion | Logo | Audio | VO / on-screen / caption |
|---|---|---|---|---|---|---|---|
| 1 | ![]() matches intent shared field signature-3d | open | 0–6.6s | 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? |
expected on screen: black ground · box hero in the shared Signal Field · Faber leads · node-graph · spatial-parallax · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual node-graphshape boxground blacktreatment liquid-chromemotion spatial-parallaxpower summoninstrument summon→three-mark | |||||||
| 2 | ![]() matches intent DiffCard template | legacy | 6.6–13.0s | crossfade-8f | icon·wireframe | ♪ — | The old way bolted accessibility on at the end, like a ramp added after the building was already finished. on-screen: The afterthought ramp |
expected on screen: black ground · a DiffCard panel over a dimmed Signal Field · Faber leads · crossfade-8f · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id DiffCardshape boxground blacktreatment wireframemotion crossfade-8fpower morphinstrument decay→three-symboliccurate lines | |||||||
| 3 | ![]() matches intent NumberedList template | teach | 13.0–19.4s | kinetic-build | icon·wireframe | ♪ — | 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 |
expected on screen: black ground · a NumberedList panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id NumberedListvisual node-graphshape boxground blacktreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→html-in-canvas-panelcurate items, nodes | |||||||
| 4 | ![]() matches intent ChecklistCard template | teach | 19.4–25.5s | kinetic-build | icon·wireframe | ♪ — | 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 |
expected on screen: black ground · a ChecklistCard panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id ChecklistCardvisual node-graphshape boxground blacktreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→three-diagramcurate items, nodes | |||||||
| 5 | ![]() matches intent FlowSchematic template | teach | 25.5–31.7s | kinetic-build | icon·wireframe | ♪ — | 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 |
expected on screen: black ground · a FlowSchematic panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id FlowSchematicvisual node-graphshape boxground blacktreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→html-in-canvas-codecurate nodes, stages | |||||||
| 6 | ![]() matches intent AnnotatedDiagram template | teach | 31.7–38.3s | kinetic-build | icon·wireframe | ♪ — | 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 |
expected on screen: black ground · a AnnotatedDiagram panel over a dimmed Signal Field · Faber leads · node-graph · kinetic-build · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id AnnotatedDiagramvisual node-graphshape boxground blacktreatment wireframemotion kinetic-buildpower morphinstrument morph+laser→three-flowcurate callouts, nodes | |||||||
| 7 | ![]() matches intent KpiGrid template | proof | 38.3–43.8s | receipts-count | icon·wireframe | ♪ — | That is a site you can drive with a keyboard, hear out loud, and read in bright sun. on-screen: Usable by everyone |
expected on screen: black ground · a KpiGrid panel over a dimmed Signal Field · Faber leads · receipts · receipts-count · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id KpiGridvisual receiptsshape boxground blacktreatment wireframemotion receipts-countpower receiptsinstrument spotlight→html-in-canvas-receiptscurate kpis, statsLabels | |||||||
| 8 | ![]() matches intent shared field signature-3d | futurist | 43.8–50.199999999999996s | spatial-parallax | icon·wireframe | ♪ — | Accessible design is just good design, the captions and clarity help every user, not only some. on-screen: What this unlocks |
expected on screen: black ground · box hero in the shared Signal Field · Faber leads · spatial-parallax · icon·wireframe logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldshape boxground blacktreatment wireframemotion spatial-parallaxpower spatial-parallaxinstrument laser-fire→three-forward | |||||||
| 9 | ![]() matches intent shared field signature-3d | resolve | 50.2–56.1s | coalescence | icon·liquid-chrome | ♪ swell | Want to know who cannot use your site today? We will run the audit. temerarii.xyz. on-screen: Audit your site |
expected on screen: black ground · box hero in the shared Signal Field · Faber leads · coalescence · coalescence · icon·liquid-chrome logo · caption bottom-left spec (the prompt): comp_id shared Signal Fieldvisual coalescenceshape boxground blacktreatment liquid-chromemotion coalescencepower coalescenceinstrument coalescence→three-coalescence | |||||||