• 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
Brytpunkter
Grid
Layoutregioner
Mellanrum
Säkert område

Mönster

Destruktiva val
Hjälp
Inloggning
Inställningar
Interaktionstillstånd
Landningssidor
Navigering
Obligatoriska fält
Offline
Onboarding
Progress
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

Inställningar

Inställningar

Uppdaterad 2026-06-16

Vi vill ge användaren möjlighet att anpassa gränssnittet. Alltifrån språk, utseende, informationstäthet och kontrast till rörelse, genomskinlighet, notiser och cookies.

Språk

Användaren ska kunna ändra gränssnittets språk via webbplatsens inställningar.

Webbplatsen ska respektera webbläsarens inställningar. Om webbläsarens inställningar inte kan detekteras så ska webbplatsens inställningar sättas till ”Svenska”.

Navigator: languages property

developer.mozilla.org

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Språk.

1. Användaren trycker på Språk.

2. Här kan användaren ändra inställningar för språk.

2. Här kan användaren ändra inställningar för språk.

Utseende

Användaren ska kunna ändra gränssnittets utseende via webbplatsens inställningar.

Webbplatsen ska respektera datorns inställningar. Om datorns inställningar inte kan detekteras så ska webbplatsens inställningar sättas till ”Ljust”.

prefers-color-scheme CSS media feature

developer.mozilla.org

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Utseende.

1. Användaren trycker på Utseende.

2. Här kan användaren ändra inställningar för utseende.

2. Här kan användaren ändra inställningar för utseende.

Informationstäthet

Användaren ska kunna öka gränssnittets informationstäthet via webbplatsens inställningar.

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Informationstäthet.

1. Användaren trycker på Informationstäthet.

2. Här kan användaren ändra inställningar för informationstäthet.

2. Här kan användaren ändra inställningar för informationstäthet.

Kontrast

Användaren ska kunna öka kontrasten mellan gränssnittets förgrunds- och bakgrundsfärger via webbplatsens inställningar.

Webbplatsen ska respektera datorns inställningar. Om datorns inställningar inte kan detekteras så ska webbplatsens inställningar sättas till ”Av”.

prefers-contrast CSS media feature

developer.mozilla.org

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Kontrast.

1. Användaren trycker på Kontrast.

2. Här kan användaren ändra inställningar för kontrast.

2. Här kan användaren ändra inställningar för kontrast.

Rörelse

Användaren ska kunna minska rörelse i gränssnittet via webbplatsens inställningar.

Webbplatsen ska respektera datorns inställningar. Om datorns inställningar inte kan detekteras så ska webbplatsens inställningar sättas till ”Av”.

prefers-reduced-motion CSS media feature

developer.mozilla.org

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Rörelse.

1. Användaren trycker på Rörelse.

2. Här kan användaren ändra inställningar för rörelse.

2. Här kan användaren ändra inställningar för rörelse.

Genomskinlighet

Användaren ska kunna minska gränssnittets genomskinlighet via webbplatsens inställningar.

Webbplatsen ska respektera datorns inställningar. Om datorns inställningar inte kan detekteras så ska webbplatsens inställningar sättas till ”Av”.

prefers-reduced-transparency CSS media feature

developer.mozilla.org

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Genomskinlighet.

1. Användaren trycker på Genomskinlighet.

2. Här kan användaren ändra inställningar för genomskinlighet.

2. Här kan användaren ändra inställningar för genomskinlighet.

Notiser

Användaren ska kunna hantera notiser via webbplatsens inställningar.

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Notiser.

1. Användaren trycker på Notiser.

2. Här kan användaren ändra inställningar för notiser.

2. Här kan användaren ändra inställningar för notiser.

Cookies

Användaren ska kunna hantera cookies via webbplatsens inställningar.

Om användaren ändrat webbplatsens inställningar så ska användarens preferenser sparas och användas nästa gång användaren besöker webbplatsen.

1. Användaren trycker på Cookies.

1. Användaren trycker på Cookies.

2. Här kan användaren ändra inställningar för cookies.

2. Här kan användaren ändra inställningar för cookies.

Har du frågor?

Johan Beskow

Ansvarig digital design

Hanna Fredholm

Tillgänglighetsansvarig