Vælg et tema
Vælger du ikke et tema, vælger vi et for dig. Du kan efterfølgende skifte tema i footeren.
Tilbage-link
Tilbage-linket gør brugeren i stand til at gå tilbage til forrige trin eller side i en selvbetjeningsløsning.
Sådan bruges komponenten
Anvendes til
Brug tilbage-link-komponenten i selvbetjeningsløsninger med flere trin, hvor brugeren skal kunne navigere tilbage.
Du kan også bruge tilbage-link-komponenten i løsninger med flere sammenhængende sider, hvis det giver mening at gøre det.
Anvendes ikke til
Brug aldrig tilbage-link-komponenten sammen med brødkrummer. Vælg enten tilbage-linket eller brødkrummen alt efter, hvad der fungerer bedst for brugeren i en given kontekst.
Vejledning
Placer tilbage-linket øverst til venstre umiddelbart under headeren (top-menuen) på trinnet/siden. Bruges tilbage-linket i selvbetjeningsløsninger, der har en synlig trinindikator eller en venstremenu, placeres tilbage-linket øverst venstrestillet over indholdet.
Sørg for, at tilbage-linket fører brugerne til den forrige side, de var på, i den tilstand, de sidst så trinnet/siden.
Hvor det er muligt, skal du sikre dig, at tilbage-linket fungerer, selvom JavaScript er slået fra. Hvis dette ikke er muligt, skal du skjule tilbage-linket.
Sådan (do)
Sådan: Brug tilbage-links i formularer, der er inddelt på flere sider. Linket muliggør, at brugerne kan rette tidligere indtastninger. Tilbage-linket bør placeres i øverste venstre side, ikke under formularen (Silver, 2018, s. 119-120).
Ikke sådan (don't)
Ikke sådan: Brug ikke tilbage-link, når du ikke ved, om brugerne er kommet ind på en side via en søgemaskine eller et link. I sådanne tilfælde skaber ordet ”tilbage” en forkert forventning. Brug heller ikke tilbage-link sammen med brødkrumme.
Se komponenten i eksempelløsninger
- Formular til kontaktoplysninger: Bekræft oplysninger
- Trinformular til registrering: Vælg noget mere
- Trinformular til ansøgning: Kontaktoplysninger
Referencer
Adam Silver: Form Design Patterns (2018)
Installation
HTML Struktur
<a href="javascript:void(0);" class="back-link">Tilbage</a>Linket placeres så vidt muligt under headeren, se eksempel på implementering i vores eksempelløsning: Vedhæft fil
Bemærk, at tilbage-linket stadig skal være synligt ved mobilvisning.
Selve funktionaliteten står man selv for i ens løsning.