Skriv beskrivande sidtitlar

Om riktlinjen

  • Innehåller lagkrav
  • EN 9.2.4.2
  • WCAG 2.4.2 (A)

Område

En beskrivande sidtitel hjälper till att tydliggöra vad en webbsida handlar om. Titel visas dessutom i webbläsarens flikar och även i sökresultat och hjälper personer att snabbt få en uppfattning om innehållet.

Därför ska alla sidor har en titel som beskriver sidans ämne eller syfte

När en webbsida har en beskrivande sidtitel hjälper det personer att orientera sig och lättare hitta innehåll, exempelvis i listor med sökresultat eller bland flikarna i en webbläsare.

Sidtiteln används ofta som rubrik på webbläsarens fönster eller flik, och som rubrik på genvägar till webbsidan. Den används även som rubrik på länkar i sökresultat, och när sidan delas i sociala medier (i avsaknad av specialskrivna metadata för sådana ändamål).

Vad kräver lagen?

På html-webbsidor anges titeln i ett title-element i sidans head-sektion.

För single-page applications (webbsidor där innehållet förändras med JavaScript) kan sidtiteln behöva uppdateras dynamiskt då innehållet förändras, så att titeln överensstämmer med sidans innehåll.

Rekommendationer utöver lagkrav

Utöver det lagen kräver finns det tips och rekommendationer för hur du kan arbeta med sidtitlar för att förbättra digital tillgänglighet:

Se till att länktexter och sidtitlar överensstämmer

Eftersom många länkar går till andra webbsidor är det en bra princip att sträva efter att länktexten överensstämmer med målsidans titel. Då blir det lätt för användaren att förstå vart länken leder, och att se om hen har kommit rätt efter att ha klickat på länken.

Titlar – goda exempel

Sidtiteln kan vara ett bra ställe att lyfta fram information. Texterna inom citationstecken är exempel på titlar.

"Handlingar och protokoll 2018 – A-lunda kommun"

"Terminer och skollov 2020 – A-lunda kommun"

Titlarna ovan innehåller både en kortfattad beskrivning av sidan och namnet på avsändaren.

"Steg 3 av 7: Ange mått – Ansökan om bygglov"

Titeln ovan beskriver vad användaren håller på med, och var i processen hen befinner sig.

"INSTÄLLT – Konsert med klarinetter 2 mars – Kulturskolan i A-lunda"

Titeln ovan inleds med den mest angelägna informationen, att evenemanget är inställt. Därefter beskrivs evenemanget och avsändaren. När utrymmet är begränsat är det endast inledningen av sidtiteln som presenteras. Då avsändare/sajtnamn är gemensamt för hela webbplatsen är det bättre att den informationen kommer sist.

"Obs! Fel i formulär – Anmälan fotokurs – Kulturskolan i A-lunda"

Titeln inleds med den mest angelägna informationen: att något gått fel i anmälningsformuläret. Därefter beskrivs den aktuella sidans syfte och sist avsändaren. sidtiteln kan vara ett bra ställe att lyfta fram information.

Using the page title (w3.org) Länk till annan webbplats.

Titlar – mindre bra exempel

Texterna inom citationstecknen är exempel på titlar.

"2018"

"Ansökan"

Titlarna ovan ger inte en tillräcklig beskrivning av dokumentets ämne eller syfte.

"Datum för terminer och lov för elever i den kommunala grund- och gymnasieskolan samt särskolan 2020 – A-lunda kommun"

Titeln ovan innehåller all information, men den är mycket lång. Långa titlar ryms inte i flikar, bokmärken och sökresultatlistor.

"A-lunda kommun – A-lunda kommun"

Den här varianten av titel för en startsida på en webbplats är inte helt ovanlig. Ett mer beskrivande alternativ är ”Startsida – A-lunda kommun”.

Så testar du sidtiteln

På webbsidor kan du se sidans titel genom att hålla muspekaren över tabbfliken i webbläsaren. Då visas titeln som en inforuta.

Du kan också använda Inspektören och kontrollera innehållet i elementet <title> i elementet <head>.

Utdrag ur WCAG

WCAG 2.4.2 (A) Sidans titel

Webbsidor har titlar som beskriver ämne eller syfte.

Därför länkar vi till WCAG på svenska och engelska

Hjälpte denna information dig?

Ditt svar hjälper oss att förbättra sidan

Senast uppdaterad: