Har sikret, at reduceret bevægelse virker
Har fået indstillingen for reduceret bevægelse til at virke efter hensigten efter at have fundet elleve selektorer, der stadig animerede trods præferencen, fordi en universel transition‑none‑regel taber på specificitet til enhver regel med en klasse.
Arbejdet udført: august 2026

Foto: Javaistan / Pixabay 
Foto: poupoune05 / Pixabay
elleve selektorer, der stadig animerede trods reduceret bevægelse
Situation. Sitet respekterede indstillingen for reduceret bevægelse med en enkelt regel, der slog alle overgange fra. Den så komplet ud, den bestod linteren, og med en emuleret indstilling for reduceret bevægelse animerede elleve selektorer stadig.
Opgave. Indstillingen skulle respekteres i praksis, og grunden til, at den oplagte regel fejlede, skulle gøres til noget, den næste person ikke kan gentage.
Handling. Årsagen er specificitet. En universel regel ligger i bunden af kaskaden og taber til enhver regel med en klasse, så en generel transition‑none bliver overtrumfet af hver eneste gennemtænkte animation på siden — og det er netop de animationer, der er værd at slå fra. Rettelsen var strukturel og ikke en lap: alt, der bevæger sig, ligger nu i én sen del af stylesheetet, og en linter afviser en overgang på transform alle andre steder. Den skelnen, reglen trækker, er bevidst og snævrere end den oplagte: reducér bevægelse, ikke farve. En farveovergang er ikke bevægelse, og at slå den fra får brugerflader til at føles i stykker for folk, der ikke har bedt om det, så en overgang, der opregner farveegenskaber, består, og en overgang på bevægelse gør ikke. Bevægelse skal også udtrykkes som en overgang og ikke som en keyframe‑animation, for den første kan trivielt afbrydes, og den anden kan ikke. To beslægtede fælder kom ud af det samme arbejde og er noteret med målinger: et menuornament var enogtredive grader inde i en drejning på tres grader, før det var halvt synligt, og fordi formen er periodisk, ser en halv drejning identisk ud til en tredjedel af prisen; og fem forskellige egenskaber gør hver især et element til den indeholdende blok for alt, der er placeret i forhold til viewporten, hvilket i stilhed havde skrumpet det lag, der lukker ved et klik, til en brøkdel af skærmen.
Resultat. Indstillingen respekteres i praksis og ikke kun i hensigt, og elleve kørende animationer, som en generel regel så ud til at dække, er nu reelt dækket. Den generelle lære er den, der står øverst i det dokument: en regel, der taber på specificitet, fejler i stilhed, og hver rapport kalder det noget andet.
Se tilbage på Har fundet et manglende lag i det lyse tema. Læs videre: Har bygget et macOS‑designsystem med 48 tokens. Eller tag et kig på hele porteføljen.
Ét stykke af en længere fortegnelse — og det hele ligger her på sitet.
Hver post er skrevet på samme måde: situationen, opgaven, hvad vi gjorde, og hvad der ændrede sig.

