Where the Material 3 website's motion and reduced-motion guidance cannot be read, what does Material's own web-component code do when prefers-reduced-motion is set?
Partially verified: the curator re-read S12; S11 was not re-read by the curator and rests on the producer's pinned reading. At material-web d797a00e, tabs, focus ring and slider contain reduced-motion handling (tabs via matchMedia '(prefers-reduced-motion: reduce)'; focus ring and slider via the boolean '(prefers-reduced-motion)' media query). Material's design guidance text on m3.material.io was not retrievable (JS shell), so nothing is stated about the guidance itself.
Partially verified: the curator re-read S12; S11 was not re-read by the curator and rests on the producer's pinned reading.
At material-web d797a00e, tabs, focus ring and slider contain reduced-motion handling (tabs via matchMedia '(prefers-reduced-motion: reduce)'; focus ring and slider via the boolean '(prefers-reduced-motion)' media query). Material's design guidance text on m3.material.io was not retrievable (JS shell), so nothing is stated about the guidance itself.
Curator qualifications: Partially verified: the curator re-read S12; S11 was not re-read by the curator and rests on the producer's pinned reading. Curator GET 2026-10-23 of the sources not re-read (mechanical source evidence, not semantic verification): S11: HTTP 200, bytes equal to the producer pin. Pages/code read 2026-10-22; nothing streamed, emulated or rendered. Exact behaviour (slide-to-fade, zeroed durations) and labs snackbar/tabs files not re-read; boolean vs reduce equivalence is producer synthesis.
Limitations: Pages/code read 2026-10-22; nothing streamed, emulated or rendered.
Evidence status: curator/producer inference or synthesis from the cited sources (code read, not executed, where code is cited); correlated desk review (Claude); not independently reviewed.
Structured fields
{
"citations": [
{
"url": "https://web.archive.org/web/2025id_/https://m3.material.io/styles/motion/overview/how-it-works",
"note": "material-web tabs/internal/tab.ts at d797a00e (bytes equal pin) L212; focus/internal/_focus-ring.scss L108; slider/internal/_slider.scss L95"
},
{
"url": "https://github.com/material-components/material-web/tree/d797a00e309c9a12f2216144d428503508c414f3",
"note": "material-web tabs/internal/tab.ts at d797a00e (bytes equal pin) L212; focus/internal/_focus-ring.scss L108; slider/internal/_slider.scss L95"
}
]
}Evidence claims
- [inference] At material-web d797a00e, tabs, focus ring and slider contain reduced-motion handling (tabs via matchMedia '(prefers-reduced-motion: reduce)'; focus ring and slider via the boolean '(prefers-reduced-motion)' media query). Material's design guidance text on m3.material.io was not retrievable (JS shell), so nothing is stated about the guidance itself. · locator: material-web tabs/internal/tab.ts at d797a00e (bytes equal pin) L212; focus/internal/_focus-ring.scss L108; slider/internal/_slider.scss L95 source
Rights
| component | license | hosting | redistribution | modification | training | Evidence and notes |
|---|---|---|---|---|---|---|
| documentation | unknown | permitted | permitted | unknown | unknown | Applies to this original summary only, not to the cited sources. |