Gå til sidens indhold

Vælg et tema

Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.


Komponenter

Notifikation (Toast)

Notifikationer bruges til at give brugeren vigtig og aktuel information om fx status, generelle fejl, fejlopsummeringer, samt til at gøre opmærksom på ting brugeren skal vide, fx automatiske ændringer i brugerens data o.l.

Til forskel fra Beskeder (alerts) som er placeret som en del af sideindholdet, placeres notifikationer ovenpå selve siden. Vær opmærksom på at notifikationer hurtigt kan gå fra at opfattes som nyttige til at opfattes som anmassende og påtrængende, så overvej nøje om det er denne komponent, der er det rigtige valg.

Anvendes til

At gøre brugeren opmærksom på vigtige oplysninger, ofte relateret til brugerens aktuelle aktivitet.

Anvendes ikke til

Brug Beskeder (alerts), hvis en besked skal placeres, som en del af indholdet på siden.

Brug ikke notifikationer til at markere fejlindtastning i et specifikt felt. Brug da fejlmeddelelser i stedet.

Brug modal dialog – ikke notifikationer – til at give brugerne information om en potentielt kritisk handling. Dermed risikerer brugeren ikke at overse eller misforstå beskeden.

Kritiske beskeder eller lange beskeder, hvis notifikationen er tidsindstillet og forsvinder automatisk. Det gør det vanskeligt for brugere, som fx gør brug af hjælpeteknologier, at læse meddelelsen før den forsvinder.

Vejledning

Gør informationen i notifikationen aktiv og handlingsanvisende, så brugeren forstår, hvad der er behov for eller hvad den aktuelle status er.

Brug ord og begreber, som brugeren kan genkende fra løsningen.

Skriv kort og præcist og undgå tekniske beskeder, der kan forvirre brugeren.

Brug beskeder til at øge brugerens forståelse for løsningen.

Tilføj ikke interaktivt indhold som links ol. på notifikationer, da der kan opstå udfordringer i forbindelse med tilgængelighed.

Når notifikationen vises, kan man lade den forsvinde igen, men vær opmærksom på at WCAG succes kriteriet 2.2.1: Timing Adjustable bør efterleves.

Succes

Din ansøgning er afsendt

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Advarsel

Dette er en advarsel

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Fejl

Der opstod en fejl

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

Information

Du har fået en besked

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.