Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Design
Links
Se også vores Skip-link, Funktionslink og Tilbage link.
Designværdier
Tekst | Tekstfarve | Understreget | Ramme |
---|---|---|---|
Standard link | #004D99 | Ja | |
Standard link, hover | #000040 | Ja | |
Standard link, besøgt | #800080 | Ja | |
Standard link, fokus | #004D99 | Ja | Tykkelse: 4px Farve: #747474 |
Retningslinjer
Tilgængelighed
- Linkteksten skal give mening for brugeren og angive, hvad linket fører hen til.
- Links skal enten være understreget eller markeret på anden vis. Et link må ikke kun være angivet med en farve.
- Brugerne skal kunne sætte fokus på links og aktivere dem ved brug af tastaturet.
- Links skal have en defineret
href
attribut i koden. - Har linket en “hover” skal denne kunne aktiveres både med tastatur og mus.
Anvendes til
- Brug links til at lade brugeren navigere til andre sider i din løsning.
- Brug links til at linke til sider uden for din løsning. Husk at markere dette med et ikon som beskrevet under implementeringsafsnittet under eksternt link.
Brugervenlighed
Hvis et link fører væk fra den aktuelle side og brugeren kan miste data eller risikere at skulle udfylde samme del igen ved at følge linket, så advisér brugeren om dette i et modalvindue. Bed også brugeren om at be- eller afkræfte ønsket om at forlade siden.
Brug links med omtanke i en selvbetjeningsløsning. Linker du for meget ud til eksterne websites, kan det virke forstyrrende for flowet og få brugeren ud af kontekst. Omvendt kan det give stor værdi for brugeren, hvis du linker ud til relevante informationer. Fx informationer, som understøtter brugerens vej gennem selvbetjeningsløsningen og/eller giver væsentlige input til, hvad brugeren skal indtaste i løsningen.
Gør gerne brugeren opmærksom på, hvor det eksterne link fører hen, fx i en parentes som en del af linket, hvis det ikke fremgår af linkteksten.
Vær dog opmærksom på, at det kan virke forstyrrende for flowet og få brugeren ud af kontekst, hvis du linker for meget ud til eksterne websites.
Eksternt link
Link som åbner et eksternt website
Sekundære links
Sekundære links bruges til at skabe en visuel forskel på links til funktioner og særlige typer af navigation.
Designværdier
Tekstfarve | Understreget |
---|---|
#1a1a1a | Ja |
Anvendes til
- Funktionslink
- Brødkrumme
- Footer links
Anvendes ikke til
Brug ikke sekundære links i eller i mellem afsnit af tekst eller til generel navigation mellem sider, brug da et standard link.
Vejledning
Vær ikke kreativ med brugen af sekundære links, da de giver mindre fært end standard-links. Alternativ anvendelse af sekundære links kan tillige skabe tvivl og forvirring hos brugerne omkring, hvad der er klikbart.