GratisAI accessibility · compare measured animation durations in normal and reduced-motion modes · local-first FREE TIER 1 Free Run Available
motion-duration indexcard · index card with a stamped header

Compare Measured Animation Durations in Normal and Reduced-Motion Modes

A reduced-motion preference needs real behavior, not just a media-query name. Compare observed durations and identify unchanged or lengthened transitions while keeping duration distinct from motion intensity and accessibility compliance.

1 · animation label | normal duration milliseconds | reduced-mode duration milliseconds

FIRST-LOAD

HYPOTHESIS / PROTOTYPE — checkout unavailable. Calculation is local. A draft is saved automatically in this browser profile when storage is available; Reset to sample clears it. Optional Pro history stores only five summaries and has its own deletion control. State links encode your inputs and can remain in browser history, clipboard or recipients’ records; share only non-sensitive rows. Optional external AI formatting leaves this device. The required site analytics beacon reports page activity; shared URLs contain encoded inputs. Do not treat an encoded URL as private. The calculator has no input-collection endpoint.

Data note: The motion-duration indexcard processes animation label | normal duration milliseconds | reduced-mode duration milliseconds locally. Starter/sample selection and Run compute in this tab; no input is sent by the calculator. A local draft may be saved; explicit state-link sharing or optional external AI formatting can disclose inputs. Use non-sensitive labels.

Perspective: Before: a reduced-mode label could conceal unchanged duration. After: measured mode differences are visible and static originals are kept out of percentage arithmetic.

2 · Read the motion-duration indexcard

Duration arithmetic only, not an accessibility, medical, sensory-safety or compliance assessment. It cannot measure movement distance, flashing, essential feedback or user comfort. Test the actual reduced-motion path with users and a qualified accessibility specialist; do not treat a hundred-percent duration reduction as proof that a page is safe or accessible.

Optional filing controls are a local prototype.

Checkout is unavailable. The reading above is complete; print, CSV and five local summaries are optional enhancements, not hidden answers.

Before using the motion-duration indexcard

Inventory a small set of transitions by the interaction that starts them, then observe both preference modes under the same browser conditions. Record the active duration rather than a CSS declaration that a script might override. A looping animation or a chain of effects needs a clearly defined measurement; this form does not infer that structure. Zero means no timed animation was observed for the entered transition, not that all movement on the page is gone. The useful artifact is a side-by-side measurement record a reviewer can take back to the implementation. Essential state feedback must remain understandable even if animation is removed. Ask users about the motion they experience instead of treating a percentage as a proxy for their sensory needs.

Boundary and sources

Duration arithmetic only, not an accessibility, medical, sensory-safety or compliance assessment. It cannot measure movement distance, flashing, essential feedback or user comfort. Test the actual reduced-motion path with users and a qualified accessibility specialist; do not treat a hundred-percent duration reduction as proof that a page is safe or accessible.

Mechanism: competence-autonomy-loop

Optional AI formatting, never the calculation

Manual entry completes this motion-duration indexcard for free without signup. If available to you, the free AI Studio interface linked in the sources may format fictional or non-sensitive notes; external access may require an account. No API key or AI call is built into this tool. Free-tier content may be used to improve products. Review each cell and transcribe it to the labeled row schema; do not paste the JSON object into the row box.

Format only these fictional or non-sensitive notes for a motion-duration indexcard. Return strict JSON shaped as {"rows": [{"label": "string", "cells": ["string", "string"]}], "setting": "string"}. The columns are animation label | normal duration milliseconds | reduced-mode duration milliseconds; the setting is Chosen minimum duration reduction percentage. Keep all supplied strings and quantities exactly; do not calculate, infer missing entries, invent dates or add advice. If any required value is missing, return an empty rows array and ask me for it separately. I will verify every cell against my source and manually transcribe rows using vertical bars before running the local calculator.

An AI response is not executed, fetched or trusted as a result. Missing values remain questions; the strict local parser checks the rows you actually enter.