Spring til indhold

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.

  • Traffic lights, building, city
    Foto: Javaistan / Pixabay
  • Pendulum, map, navigation
    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.

É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.

Se hele fortegnelsen