Egnet til:

• å tilby flere etterfølgende navigasjonsvalg på en nettside.

Uegnet til:

• enkeltstående lenker i løpende tekst. Bruk Link i stedet.
• situasjoner der du har kun en lenke, men ønsker pil-symbolet. Da skal du bruke Link kombinert med et pil-symbol i stedet.

Teknisk dokumentasjon

Se LinkGroup i Storybook for tekniske detaljer. 

Varianter

Lenker

Vi har en liste med lenker for å navigere til eksterne sider. Pilen peker mot høyre.

Eksempel på LinkGroup med eksterne lenker:

Ankre

Vi har en liste med ankerlenker for å hoppe internt på samme side. Pilen peker nedover. 

Eksempel på LinkGroup med sidenavigasjon.

Hvordan bruke komponenten

Lenker har normalt blå skrift med understrekning. Unntak er hvis bakgrunnen er farget og gjør teksten dårlig leselig slik at den ikke oppfyller kontrastkravet – da skal du bruke en bedre egnet farge. Et eksempel er hvit på svart bakgrunn som i innlogget TopBanner eller hvit på burgunder i Footer.

Eksempel på LinkGroup i Footer.

Universell utforming  

• En lenke skal ha minst 2 ulike visuelle «hint» for å skille det fra vanlig tekst. Vi bruker blå interaksjonsfarge og understreking som standard.
• Lenketekst mot bakgrunnsfargen må ha et kontrastforhold på minst 4.5:1 for liten tekst mens for stor og fet tekst er kontrastforholdet på 3.0:1. Stor tekst er definert som større enn 24 piksler høy eller minst 19 piksler høy i fet skrift.
• Lenketeksten eller alternativ tekst (grafisk lenke) skal tydeliggjøre hva som er målet til lenken.