• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Riktlinjer

Riktlinjer

​
​

Inga resultat hittade, prova med andra sökvillkor.

Personlighet

Designfilosofi
Designprinciper
Värdeord

Identitet

Bildmanér
Dotterbolag
Färger
Ikonografi
Logotyp
Tonläge
Typografi
UX-writing

Layout

Angränsande ytor
Anpassning av komponenter
Avstånd
Brytpunkter
Grid
Layout
Layoutregioner
Säkert område

Mönster

Destruktiva val
Elevation
Hjälp
Inloggning
Interaktionstillstånd
Landningssidor
Minskad rörelse
Mörkt läge
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
Prominens
Sök
Startskärm
Textinmatning
Tomma tillstånd
Validering

Produkter och tjänster

Bodies för bebisar
Chattbot och chatt
Desktop web apps för professionella användare
Digitala skärmar
Html-mejl

Minskad rörelse

Minskad rörelse

Uppdaterad 2026-05-21

Vi vill ge användaren full kontroll över gränssnittets rörelsebaserade animationer. Såna animationer kan utlösa obehag för användare med vestibulära rörelsestörningar.

Användaren ska kunna ställa in Minskad rörelse på två sätt: dels via datorns systeminställningar, dels via sajtens/appens inställningar. By default ska sajtens/appens inställningar för Minskad rörelse lyssna på och respektera datorns systeminställningar (prefers-reduced-motion).

prefers-reduced-motion CSS media feature

developer.mozilla.org

Om datorns systeminställningar för Minskad rörelse inte kan detekteras så ska sajtens/appens inställningar för Minskad rörelse sättas till ”Av/Off”.

Om användaren ändrat sajtens/appens inställningar för Minskad rörelse så ska användarens preferens sparas undan och användas nästa gång användaren besöker sajten/appen.

Om Minskad rörelse är aktiverad ska all rörelse i gränssnittet stängas av. Till exempel ska självspelande filmer/animationer vara avstängda och transitioner mellan två vyer ska ske direkt/instant.

Exempel på inställningar

Användaren trycker på Minskad rörelse i sajtens/appens inställningar

1. Användaren trycker på Minskad rörelse i sajtens/appens inställningar.

Här kan användaren ändra sajtens/appens inställningar för minskad rörelse

2. Här kan användaren ändra sajtens/appens inställningar för minskad rörelse.

Har du frågor?

Johan Beskow

Ansvarig digital design

Hanna Fredholm

Tillgänglighetsansvarig

Isabelle Eurenius

UX-writer