Beslutningslog version 12.0.0

[detfaellesdesignsystem]

Overgang til Web Components

Releasedato: 5.11.2026

Det Fælles Designsystem overgår til at benytte web components. Denne ændring sker for bedre at kunne imødekomme brugen af frontend-frameworks i de enkelte projekter. Overgangen vil ske gradvist, og for version 12.0.0 er de første komponenter udgivet i betaversion, så vi kan indsamle feedback fra brugerne af designsystemet. Du kan læse mere om overgangen og om, hvordan du kommer i gang med at anvende de nye komponenter på siden Web Components i beta-version på dokumentationssitet.
Se release notes til version 12.0.0 for at få overblik over alle ændringer

Ny komponent

Multiselect

Multiselect har længe været en efterspurgt komponent blandt brugerne af Det Fælles Designsystem. Nu udkommer komponenten som en del af beta-releasen af web components.

Komponenten er designet med inspiration fra andre designsystemer og brugertestet af FDS-teamet. Brugertesten viste, at komponenten er intuitiv at anvende. Alle testens deltagere kunne anvende komponenten til at tilføje og fjerne flere valg.

Komponenter med nyt design i beta

Fejlmeddelelser

Designet til fejlmeddelelser er ændret i betakomponenterne i version 12.0.0.

I den oprindelige fejlvisning tilføjes en streg til venstre for feltet samt fejltekst mellem label og felt. I den nye version er stregen væk, og fejlmeddelelsen vises i stedet under feltet med et fejlikon foran.

Beslutningen om at ændre designet skyldes, at den originale fejlvisning med streg har givet problemer for sidens layout, da feltet grundet stregen flyttes til højre ved fejlvisning. Dette er særligt en udfordring på små skærme.

Teamet har derudover set, at det er en typisk konvention, at fejlmeddelelser placeres under feltet. Tilføjelsen af fejlikon tilføjer en visuel reference til fejlopsummeringen.

Datovælger

Datovælgeren i designsystemet har haft nogle tilgængelighedsudfordringer, som var komplicerede at løse med den aktuelle kode. Datovælgeren er derfor kodet helt på ny i beta-versionen, så den fungerer optimalt - også for brugere, der anvender skærmlæser og/eller tastaturnavigation.

Udover tekniske forbedringer er datovælgeren også blevet opdateret visuelt, så den passer ind i designsystemet, som der ser ud fra version 11.0.0.

Cookiemeddelelse

Komponenten Cookiemeddelelse har fået et nyt design, som indtil videre kun ses i betaversionen. Cookiemeddelelsen er blevet ændret til at være en modal for at øge tilgængeligheden. I den tidligere version kunne det ske, at fokus forsvandt bag ved cookiemeddelelsen, hvis brugeren med tastaturet flyttede fokus ned i sidens footer uden at have besvaret cookiemeddelelsen først. Med modaldesignet, som er blevet en hyppig konvention, er dette ikke længere en risiko.

Så længe den nye komponent er i beta, er det fortsat den gamle komponent, der vejledes om på designsystem.dk. Vejledningen til den nye komponent kan læses her: Cookiemeddelelse