Hoppa till innehållet
DIGG - Myndigheten för digital förvaltning
Vägledning för webbutveckling

De officiella riktlinjerna för hur man bör arbeta med webbplatser i offentlig sektor

Webbriktlinjer.se genomgår justeringar

Webbriktlinjer.se genomgår justeringar under 2023 och därför kan innehållet på webbplatsen vara inaktuellt.

De tillgänglighetskrav som finns för digital offentlig service finns i standarden EN 301 549 V3.2.1, som hänvisar till Web Content Web Accessibility Guidelines 2.1 (WCAG 2.1).

  • Riktlinjer
    • Alla riktlinjer
      • designers
      • innehållsskapare
      • utvecklare
      • digitalt ansvariga
    • Checklistor
      För dig som vill gå igenom webbriktlinjerna systematiskt (under utveckling)
    • Appar & responsiv webb
      Webb- och nativeappar, mobil tillgänglighet
    • Begripligt språk
      Skriva för webben, klarspråk, lättläst
    • Design
      Interaktionsdesign, UX, formgivning, prototyper, användningstest
    • Dokument & pdf
      Ordbehandling, e-böcker, presentationer, kalkylark, office-dokument
    • Flerspråkighet
      Översättningar, minoritetsspråk, teckenspråk
    • Formulär & felhantering
      Led- och hjälptexter, validering, e-tjänster
    • Ljud, bild & video
      Textning, syntolkning, distribution, utrustning
    • Länkar & adressering
      Länktexter, domännamn, kort-adresser, redirect, URL
    • Metod & arbetssätt
      Användarcentrerad utveckling, test, uppföljning, webbanalys
    • Navigation & sök
      Menyer, ordförslag, sitemap.xml, sökoptimering
    • Obligatorisk information
      Kontaktinformation, register och annan juridisk info
    • Offentlighet & arkivering
      Diarium, bevarande och gallring, allmän handling
    • Teknik & kod
      HTML-versioner, CAPTCHA, säkerhet
    • WCAG – standard för tillgänglighet
      Förenklad presentation av tillgänglighetsstandarden
  • Varför tillgänglighet?
    • Vad menas med tillgänglighet?
      Funktionshinder och funktionsnedsättning är inte samma sak. Vet du vad termerna betyder?
    • Möt användarna
      Så ser de konkreta behoven ut.
    • Mänskliga rättigheter
      Tillgänglighet är nödvändigt för en socialt hållbar utveckling.
    • Juridiska krav
      Både offentlig och privat sektor berörs.
    • Andra argument
      Bland annat fler, nöjdare användare, minskat krångel och ökad konvertering.
    • Så många berörs av tillgänglighet
      Statistik med mera
  • Lagkrav
    • Bevarande och gallring
      Övergripande om allmänna handlingar, gallring och arkivering.
    • Bristande tillgänglighet som diskrimineringsform
      Kortfattad introduktion till hur diskrimineringslagen berör digital tillägänglighet
    • Webbdirektivet och DOS-lagen
      EU-direktivet som blev lagen om tillgänglighet till digital offentlig service
    • Följ standarder för tillgänglighet
      Introduktion till EN301549 och WCAG
    • Språkrelaterad reglering
      Kort introduktion till språklagen och lagar som berör minoritetsspråk, teckenspråk med mera.
    • Arbetsmiljö
      Kort introduktion till hur arbetsmiljölagen och Arbetsmiljöverkets föreskrifter kan beröra digital design.
    • Andra lagar
      Många andra lagar berör digital utveckling.
  • Dela erfarenheter
    • Nätverk och konferenser
      Träffar, seminarier, kurstillfällen och mötesplatser
    • Onlineforum
      Dela kod, dela utveckling, diskutera och kommentera
  • Återanvänd
    • Uppfinn inte hjulet!
      Det går snabbt och lätt att kopiera kod och andra resurser istället för att bygga nytt
    • Återanvänd komponenter
      Tips på var du kan hitta tillgängliga komponenter
    • Återanvänd genomtänkta mönster och principer
      Återanvänd principer och mönster för utformning av digitala tjänster
    • Återanvänd ansvarsfullt
      Vad du behöver tänka på om du återanvänder
    • Dela med dig
      Underlätta för andra att hitta och återanvända dina lösningar
  • Metodtips
    • Om användarcentrerad design
      Användarhet, användarcentrat arbetssätt och tjänstedesign
    • Utför användningsanalys
      Utgå alltid från användarnas behov
    • Ta fram designförslag
      Kort om prototypning och interaktionsdesign
    • Testa och utvärdera designförslag
      Involvera gärna både användare och experter
    • Följ upp hur webbplatsen används
      Analysera verklig användning om det är möjligt. Kortfattat om användningstester, expertutvärdering, trafikanalys, sökordanalys och a/b-testning.
  • Testa din webbplats
    • Så granskar DIGG tillgänglighet
      Använd DIGG:s tillsynmanual för att testa tillgänglighet
    • Självskattningsverktyg med frågor
      Vårt självskattningsverktyg hjälper dig att granska tillgänglighet på din sajt.
    • Automatiska testverktyg
      De kan inte testa allt, men är snabba och bör användas som komplement till manuella granskningar.
    • Simulatorer
      Prova hur din webbplats upplevs av användare med andra förutsättningar.
    • Testa med användare
      Hitta hinder och få uppslag till förbättringar.
  • Om webbplatsen
    • Nyheter
      Aktuellt från redaktionen för webbriktlinjerna
    • Om webbriktlinjer.se
      Innehåll, avsändare, juridisk information och kakor, kontaktinformation och kvalitetssäkring
    • Tillgänglighetsredogörelse
      Med kontaktformulär om du möter hinder på sajten
    • Öppna data
      Exportfunktion för dig som vill återanvända webbriktlinjer.
Startsida / Ljud, bild & video

Ljud, bild & video

Illustrationer, bilder och rörlig media är effektiva kommunikationsverktyg, men det är mycket att tänka på för att det ska bli bra för alla.

Visa som checklista

Prio Motsvarar i WCAG Nr. Riktlinje
DOS-krav§ 1.4.5 (AA) R128 Använd text, inte bilder, för att visa text
2 R113 Använd webbvideo för att öka tillgängligheten
2 R86 Basera inte viktig funktionalitet på format som kräver insticksprogram
DOS-krav§ 1.1.1 (A) R115 Beskriv med text allt innehåll som inte är text
DOS-krav§ R167 Bevara tillgänglighet vid konverteringar
DOS-krav§ 1.2.1 (A) R116 Erbjud alternativ om en inspelning enbart består av ljud eller video
DOS-krav§ 1.4.2 (A) R125 Ge användaren möjlighet att pausa, stänga av eller sänka ljud
DOS-krav§ 2.2.2 (A) R132 Ge användarna möjlighet att pausa eller stänga av rörelser
2 R13 Ge information på svenskt teckenspråk
2 R11 Kombinera skrift med ljud, bild och film
2 R54 Optimera webbplatsen för bästa prestanda
DOS-krav§ 2.3.1 (A) R133 Orsaka inte epileptiska anfall genom blinkande
DOS-krav§ R169 Se till att eventuella samtalsfunktioner är tillgängliga
1 1.2.3 (A) R118 Syntolka eller erbjud alternativ till videoinspelningar
DOS-krav§ 1.2.5 (AA) R120 Syntolka videoinspelningar
1 1.2.4 (AA) R119 Texta direktsändningar
DOS-krav§ 1.2.2 (A) R117 Texta inspelad rörlig media (video, ljud, animationer…)
Exportera urval som csv

Populära sidor

Webbdirektivet

EU-direktivet som i Sverige blev lagen om tillgänglighet till digital offentlig service (DOS-lagen).

11 presentationer om tillgänglig webbvideo

Lär dig grunderna om textning, syntolkning och teckenspråkstolkning av video på webben.

Så granskar DIGG tillgänglighet

Använd DIGG:s tillsynmanual för att testa tillgänglighet

Nyheter

Aktuellt från redaktionen för webbriktlinjerna.

Sidfot

Denna webbplats

  • Om webbplatsen
  • Tillgänglighetsredogörelse
  • Presentation in English
  • Nyheter på RSS-format

Kontakt

  • E-post: info@digg.se
  • Fler kontaktvägar

Hitta snabbt

  • Dokument - använd html i första hand
  • Textalternativ och alt-texter
  • Skriv tydliga länkar
  • Appar & responsiv webb