Ting å tenke på
Beskrivende
Lenken skal beskrive dokumentet den tar brukeren til
Kontekstuell
Link står sammen med annen tekst
Retningslinjer
Lenketekst
Lenker skal alltid inneholde tekst som tydelig beskriver hvor en bruker ender opp dersom de klikker på dem. Unngå å bruke altfor korte, ubeskrivende lenketekster som "her", "åpne", "dokument", eller lignende.
Dersom du har mange lenker på en side, eller ønsker at lenken skal ha et kortere navn for å passe bedre inn visuelt bør du sette et eget navn for tilgjengelighetsverktøy.
<a href="/lenke-til-dokumentet" aria-label="Åpne avtaledokument">Åpne</a>Eksterne lenker
Lenker til andre nettsteder markeres med et eget ikon.
Lenkeseksjoner
Dersom du trenger en oppramsing av lenker, typisk ved en "les mer"-seksjon, bør du bruke LinkList-komponenten.
Enkeltstående lenker
Dersom lenken står alene i grensesnittet bruk heller NavLink-komponenten.
Hva er en lenke, og hva er en knapp?
Når man først starter med produktutvikling for web er det ikke alltid like lett å forstå når noe er en lenke og når noe er en knapp. Forskjellen er egentlig ganske lett: En lenke er navigasjon, en knapp er handlinger. En lenke trenger derimot ikke bare navigere til andre nettsteder. Mozilla har en egen side hvor du kan lese mer om god praksis om lenker.
Lenketyper
Deler av en nettside
<a href="#footer">Gå til footeren</a>
...
<footer id="#footer">
Jeg er footeren 🚸
</footer>Åpne brukerens e-post eller telefon applikasjon
Kontakt oss på mail: <a href="mailto:hei@jøkul.fremtind.no">hei@jøkul.fremtind.no</a>
Kontakt oss på telefon: <a href="tel:+47 12 34 56 78">+47 12 34 56 78</a>En mail kan også inneholde standardinformasjon som vil bli lagt inn når applikasjonen åpner mailen.
<a href="mailto:hei@fremtind.jøkul.nocc=fremtind@fremtind.no&subject=Jeg%20bruker%20Jøkul">Test lenke med blabla</a>.Det er anbefalt å vise e-posten eller telefonnummeret som lenkes til så brukerne får et tydelig signal om hva slags lenke det er de klikker på.
Laste ned filer
Avtaledokumentet er en sentral del av mange løsninger vi lager. For å gjøre det enkelt å laste dem ned kan du bruke download-attributten. Du kan velge å gi dokumentet et navn når det lastes ned ved å navngi verdien, eller du kan la systemet ta hånd om det ved å bare sette download blank.
Tilgjengelighet
Når skal jeg åpne en ny fane?
Mozilla har skrevet en fin liste over ting å tenke på ved åpning av lenker i nye faner. Fra et tilgjengelighetsperspektiv er den beste opplevelsen å åpne lenker i samme fane som brukeren er i.
Jeg har en knapp som også tar brukeren til en ny side, er det greit?
I all hovedsak er dette helt greit så lenge det er innenfor rimelig brukerforventning at man navigerer som en del av en handling. En klassisk "Logg inn"-knapp vil alltid navigere brukeren til forsiden etter en velykket innlogging.
