Tillgänglighet
& WCAG

Har du en webbplats eller app som ska tillgänglighetsanpassas? Eller undrar du bara vad det innebär? Då har du hittat rätt - Delorean hjälper dig att reda ut begreppen.

Vad räknas som funktionsnedsättning och funktionshinder?

Vad är det första som dyker upp i ditt huvud när du tänker på en funktionshindrad person? Är det någon i rullstol, eller med blindkäpp? Men någon som är utbränd då? Eller som inte kan det svenska språket så bra? Är de också funktionshindrade? Svaret är ja.

  • Att vara funktionsnedsatt innebär någon form att nedsatt funktionsförmåga - visuell, motorisk, auditiv, kognitiv och/eller neurologisk
  • Funktionshinder är de begränsningar en person kan uppleva i relation till omgivningen

Läs- och skrivsvårigheter är stora funktionshinder i dagens digitala samhälle. Att åldras, som alla gör, ökar också riskerna för begränsningar. Man kanske ser och hör sämre, eller bara inte hänger med i den nya tekniken. Att vara stressad, befinna sig i trafiken eller på en högljudd plats medför också funktionshinder.

Sannolikheten är alltså stor att du eller någon du känner upplever någon form av funktionshinder vid användning av digitala verktyg och webbplatser.

Vad är tillgänglighets-anpassning & what’s in it for me?

Digital tillgänglighetsanpassning innebär att utforma och utveckla webbplatser och appar så att även funktionshindrade kan använda dem… men stopp! Innan du börjar se fakturor med alldeles för många nollor framför dig, eller hur din fina webbplats omvandlats till Skatteverkets dito så kan vi lugna dig med att det är inte så kostsamt eller fult som det låter.

För ett team som är vana att jobba med content och tillgänglighetsanpassning görs det per automatik - att tillgänglighetsanpassa har nämligen inga som helst nackdelar utan är bättre för alla!


Vad är då fördelarna?

  • Din webbplats/app blir enklare att använda och lättare att förstå
  • Koden blir robust och följer modern standard
  • Du gör internet till en bättre plats <3

Vad är WCAG?

WCAG (Web Content Accessibility Guidelines) är riktlinjer för tillgänglighetsanpassning. De har tagits fram av W3C (World Wide Web Consortium) och gör det superenkelt att förstå vilka åtgärder som krävs för att tillgänglighetsanpassa en webbplats eller app. De flesta av dessa riktlinjer har tre olika nivåer (A, AA samt AAA) - medan vissa andra bara har en eller två. Offentliga myndigheters webbplatser har som krav att följa minst nivå AA (där applicerbart). Schysst, eller hur?

Några exempel

För att du ska få en bättre bild av vad tillgänglighetsanpassning handlar om har vi samlat några exempel:

  • Formge webbplatsen/appen med tydliga kontraster mellan bakgrund och text, samt ge möjlighet att förstora text och öka radavstånd
  • Designa responsivt
  • Se till att all kod följer standard och att roll/funktion för komponenter är angivna
  • Ge användaren möjlighet att navigera med hjälp av tangentbord
  • Ge användaren möjlighet att stänga av ljud, video och animationer
  • Beskriv med text allt innehåll som inte är text (d.v.s. video och grafik - undantag dekorativa bilder)
  • Skriv beskrivande rubriker och etiketter
  • Skriv tydliga länkar (d.v.s. skriv inte bara ”Klicka här”)


Vill du veta hur tillgänglighetsanpassad din webbplats är?

Läs gärna mer om hur vi gör en Tillgänlighetsanalys inför Webbdirektivet. 
På Delorean jobbar vi dagligen med de här frågorna, om du undrar över något mer får du gärna höra av dig till joakim@delorean.se eller på 0708-474740

Sanna Vestin || UX strateg & designer

sanna@delorean.se