Länkar

Ska länkar öppnas i ny flik, nytt fönster eller samma flik? Den huvudsakliga rekommendationen, som man också kan läsa om på Webbriktlinjer, är att länkar bör öppnas i samma flik. Detta för att bakåtknappen fortsätter att fungera som förväntat. I våra inloggade tjänster idag finns det undantag från denna regel.

Våra rekommenderade beteenden

Se mer utförlig förklaring samt exempel längre ner på sidan.

• Intern länk öppnas som vanligt i samma flik

• Extern länk öppnas också i samma flik

• I inloggat läge öppnas externa länkar i ny flik

  • Detta för att vi inte kan garantera att sessionen där användaren är inloggad avslutas, vilket kan vara en säkerhetsrisk

  • Använd ikonen som visar att länken öppnas i ny flik

  • OBS! Detta gäller även länkar till 1177.se (utloggat läge) från 1177 e-tjänsterna (inloggat läge)
    
    

Att skriva tydliga länkar

Mycket taget från Webbriktlinjer

• Skriv det viktigaste i länken först.

• Skriv länktexten så att det går att förstå vart länken leder även om den är tagen ur sitt sammanhang.

  • Det är alltså inte okej att skriva Skatteverket länk, skriv istället Skatteverket

• Placera eventuell beskrivning av länken innan själva länken och i direkt anslutning till länken: i samma mening, stycke, listobjekt eller tabellcell som är nära förknippad med länken.

  • Exempelvis: Inspelning från användningstest (http://youtube.se)

  • Riksdagens sammanställning över brott 2022

  • Riksdagen har sammanställt en lista över de vanligaste brotten under 2022

• Använd samma länktext på en länk om den länken förekommer flera gånger på samma sida.

• Använd gärna den länkade sidans titel eller rubrik som länktext.

• Undvik länktexter som exempelvis ”Läs mer”, ”Klicka här”, ”Gå till”.

• Om en länk innehåller en bild, kontrollera dess textalternativ för att se att den förmedlar länkens syfte.

• När du använder en ikon för länkar som öppnas i ny flik, se till att ikonen informerar personer med hjälpmedel om vad som händer när de klickar på länken.

  • <a href=”https//exempel.se/hjalp” target=”_blank”>när du behöver hjälp <img src=”icon.jpg alt=”Öppnas i ny flik”></a>

  • Det är inte nödvändigt att skriva ut i text att länken kommer öppnas i ny flik

• När du länkar till dokument som är i annat format än html, tänk på att ange dokumentets format: pdf, doc eller något annat. Då blir det tydligare att länken inte går till en webbsida.

  • Exempelvis: “Behandlingsplan (pdf)”

• Försök att inte skriva en för lång länktext då detta blir frustrerande för de personer som använder skärmläsare
  
  

Exempel på hur du designar länkar

Hur länkar ska bete sig och se ut samt copy för skärmläsare beroende på om användaren är inloggad eller inte.

Interna länkar

Inom samma hemsida, utloggat läge - öppnas i samma flik

Exempelvis då användaren läser en artikel på 1177.se och klickar på en länk till en relaterad artikel som också finns på 1177.se.

Mall för skärmläsare: [Namn på länk, länk]
Exempel: “Lokalbedövning, länk”

Open

En artikel på 1177.se som innehåller flera interna länkar till andra artiklar på 1177.se.

Inom samma tjänst, inloggat läge - öppnas i samma flik

Exempelvis om användaren läser en journalanteckning och klickar på länken till journalens startsida i sidomenyn.

Observera! Gäller även länkar mellan två e-tjänster på 1177.

Mall för skärmläsare: [Namn på länk, länk]
Exempel: “Journalens startsida, länk”

Open

Länk till journalens startsida från sidomenyn i journalen.

Externa länkar

Utloggat läge - öppnas i samma flik

Exempelvis då en användare läser en artikel på 1177.se där det finns länkar till andra relevanta källor längst ner i artikeln. Se till att det framgår att detta är en extern webbplats i länken eller i nära anslutning till länken.

Mall för skärmläsare: [Namn på länk, länk, annan webbplats]
Exempel: “Livsmedelsverket - matvanekollen, snabbtest, länk, annan webbplats”

Inloggat läge - öppnas i ny flik, använd ikon

Exempelvis då användaren är inloggad på 1177 och klickar på en länk som leder till Försäkringskassan.

Mall för skärmläsare: [Namn på länk, länk, annan webbplats, öppnas i ny flik]
Exempel: “Försäkringskassan, länk, annan webbplats, öppnas i ny flik”