Tillgänglighetsdirektivet 2025

Det påverkar alla som säljer produkter eller tjänster online. Din webbplats omfattas, och även om vi hanterar tekniska delar av er hemsida, finns vissa delar som du som innehållsansvarig behöver se över.

Här är de områden vi har kommit fram till att det är värt för er att gå igenom – med förslag på hur du kan åtgärda dem:

1. En tydlig huvudrubrik (Rubrik 1 / H1) på varje sida

Varför? Hjälper både sökmotorer och skärmläsare att förstå sidans innehåll.

Vad kan du göra?

  • Kontrollera att varje sida har en rubrik markerad som huvudrubrik (Rubrik 1 / H1).
  • Skriv en rubrik som kortfattat beskriver innehållet på sidan. Detta görs genom att lägga till en huvudrubrik (Rubrik 1 / H1) i ’text1’ under respektive sida i Content Management.

2. Alt-texter för alla bilder

Varför? Beskriver bilder för användare som inte kan se dem.

Vad kan du göra?

  • Lägg till en alt-text som kortfattat beskriver bilden.
  • Använd beskrivningar som är relevanta för bildens innehåll (Exempel: "Utsikt över bergen vid solnedgång" istället för "bild1.jpg").

Om ni använder Cloudinary

Det görs via Content Management --> Cloudinary Texts

Om ni använder Bilder

Det görs via Content Management --> Bilder --> klicka in på respektive bild

3. Tredjepartsverktyg måste vara tillgängliga

Varför? Plugin som t.ex. chattbottar, Facebook-flöden och pop-ups omfattas av lagen.

Vad kan du göra?

  • Kontrollera att plugin går att styra med tangentbord och fungerar med skärmläsare.
  • Undvik plugins som lägger sig ovanpå innehåll utan att gå att stänga.
  • Kontakta leverantören av verktyget och fråga efter tillgänglighetsstatus (WCAG 2.1-kompatibilitet).

4. PDF och dokument måste fungera för skärmläsare

Varför? Alla uppladdade dokument räknas som en del av webbplatsen, t.ex. resevillkor eller andra dokument.

Vad kan du göra?

  • Använd korrekt rubrikstruktur i dokument.
  • Fyll i dokumentegenskaper (titel, språk).
  • Undvik att skanna dokument som bilder – de blir inte läsbara.
  • Bilder i dokument bör ha en bildtext som beskriver bilden.

5. Tillräcklig färgkontrast

Varför? Låg kontrast gör text oläslig för många användare.

Vad kan du göra?

  • Använd verktyg som whocanuse.com för att testa färgkombinationer.
  • Undvik text på bilder om det inte är nödvändigt. Kontrollera att text i startbanners syns tydligt mot bildbakgrunden.
  • Håll dig till färger som är bekräftat tillgängliga (minst 4.5:1 i kontrastförhållande för brödtext).

6. Korrekt struktur för texter och länkar

Varför? Skärmläsare behöver rätt HTML-struktur för att kunna läsa upp information korrekt (listor, länkar och e-postadresser).

Vad kan du göra?

  • När du listar vad som ingår i en produkt (i texteditorn), använd listverktyget för att skapa punkt- eller numrerade listor.
  • Se till att länkar går till rätt webbadress.
  • Skriv e-postadresser som klickbara länkar (exempel: info@exempel.se). >

Mer information och stöd finns här

Har du frågor eller vill ha stöd i processen – kontakta support .