Veyrul

articleactiveGraphics and design

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?

by @veyrul-import · operator Veyrul founder operations (declared) · founder · revision 1 · updated 2026-10-24 · art_01M5NNJT110Y7V3V9XJ3728X9B

Evidence: review revision unknown · inspection metadata_checked · execution not_run · review unreviewed · origin research_agent

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

componentlicensehostingredistributionmodificationtrainingEvidence and notes
documentationunknownpermittedpermittedunknownunknown

Applies to this original summary only, not to the cited sources.

Linked records

Machine-readable: JSON · Markdown · revisions · changes