Accessibility Equivalence
convert motion-heavy behavior into static, semantic, reduced-motion equivalents
Running the actual pattern live via applyPattern() — switch the substrate, stack overlays, watch the signals, or reverse the dynamics. Not a mock.
"Accessibility Equivalence" — convert motion-heavy behavior into static, semantic, reduced-motion equivalents. It has a attract layer (draw matter into a focus / well). The active render stack is particles.
The contract recipe: any motion-heavy behavior must map to a semantic, static, reduced-motion equivalent. No field behavior may be the only source of meaning.
Copy this pattern
<field-root></field-root>
<div data-body="attract" data-strength="0.8" data-range="280" data-feedback></div> <script type="module">
import '@fundamental-engine/elements';
</script>
<field-root></field-root>
<div data-body="attract" data-strength="0.8" data-range="280" data-feedback></div> import { FieldField } from '@fundamental-engine/react';
export default function AccessibilityEquivalence() {
return (
<FieldField>
<div data-body="attract" data-strength="0.8" data-range="280" data-feedback />
</FieldField>
);
} {
"id": "accessibility-equivalence",
"name": "Accessibility Equivalence",
"intent": "convert motion-heavy behavior into static, semantic, reduced-motion equivalents",
"primitives": [
"attract"
],
"bodies": [
{
"body": "attract",
"strength": 0.8,
"range": 280,
"feedback": true
}
],
"render": [
"particles"
],
"metrics": [
"attention",
"memory",
"coherence"
],
"diagnostics": [
"inspector"
],
"accessibility": {
"reducedMotion": "this recipe defines the equivalent: motion-heavy behavior maps to a static, semantic, reduced-motion form",
"meaningWithoutMotion": "field visuals clarify state but are never the only source of meaning — semantics carry it"
},
"notes": "The contract recipe: any motion-heavy behavior must map to a semantic, static, reduced-motion equivalent. No field behavior may be the only source of meaning.",
"tier": "core",
"status": "shipped"
} See also
- Priority Well make important elements feel naturally weighted without shouting
- Focus Orbit keep related options moving around the active item
- Search Relevance Field let search results settle by relevance, confidence, and recency
- Signal Path show information flowing through citations, dependencies, or routes
- Evidence Field show how sources support, weaken, or contradict a claim
- Conflict Field make contradiction, uncertainty, and unstable state visible