Med en tillgänglighetsanpassad webbplats får alla samma förutsättningar
Föreställ dig att du får en ögonbindel på dig, blir placerad framför en dator och får i uppgift att hitta kontaktuppgifter till närmaste vårdcentral. Utan synen tvingas du förlita dig på hörsel och känsel. Om webbplatsen inte är tillgänglighetsanpassad blir uppgiften nästintill omöjlig. Är den däremot korrekt anpassad har du samma möjligheter som någon med full syn.
Föreställ dig sedan att du är döv och ska förstå sammanhanget i ett filmklipp som inte är textat eller att du är färgblind och tvingas tolka information som endast förmedlas genom färg utan ytterligare indikationer. Kanske har du svårt att fokusera, befinner dig i en stökig miljö eller så lyser solen skarpt på din mobil när du scrollar. Har du dyslexi blir det problematiskt att läsa text som är lång och komplicerad, har du nedsatt motorik har du kanske svårt att använda musen. Alla dessa situationer måste man ta hänsyn till när man jobbar med tillgänglighet.
Ny lag utökar tillgänglighetskraven – är du redo?
I Sverige har vi lagen om tillgänglighet till digital offentlig service (DOS-lagen) som främst riktar sig mot offentlig sektor. Nu kommer lagkraven att utökas till att omfatta även privata aktörer. Den 28 juni 2025 träder en ny lag i kraft i Sverige som syftar till att etablera en gemensam standard för tillgänglighet inom hela EU. Direktivet riktar sig främst till produkter och tjänster som används av allmänheten och ställer krav på att dessa ska vara tillgängliga för alla, oavsett funktionsförmåga. Bland annat omfattar direktivet områden inom digitala tjänster; webbplatser, mobilapplikationer och digitala gränssnitt måste vara utformade så att de kan användas av personer med olika typer av funktionsnedsättningar. Tillgänglighetsdirektivet gäller EU-företag och de som riktar sig till EU-marknaden, men undantar mikroföretag (omsättning under 2 miljoner euro eller färre än 10 anställda). Även om du inte omfattas av lagkraven, är det alltid en bra idé att arbeta med tillgänglighet för att nå ut till fler.
Konkret, vad kan vi göra?
På Odd jobbar vi ständigt med att förbättra tillgängligheten i allt vi skapar och hjälper er gärna. För att förbättra tillgängligheten och användarupplevelsen på webbplatser och i sociala medier finns det flera viktiga riktlinjer att följa, här är några tips:
Textlayout: Använd vänsterställd text och undvik centrerad text för längre stycken då det försämrar läsbarheten. Håll dig till ett enkelt typsnitt och undvik snirkliga varianter. Strukturera texten med tydliga rubriker och underrubriker, justera radavstånd och textstorlek och se till att användare även kan anpassa textstorleken utan att förlora funktionalitet eller läsbarhet.
Enkel och lättläst text: Använd ett enkelt och konsekvent språk för att göra innehållet mer tillgängligt för alla. Skriv texten så lättläst som att en 12-åring ska kunna förstå den. Korta meningar, lätta och välkända ord, undvik förkortningar och skriv i aktiv form. På kan du få en hint om hur lättläst din text är.
ALT-texter: Se till att alla bilder har ALT-texter, i alla kanaler, som beskriver bildens viktigaste innehåll. Detta förbättrar inte bara tillgängligheten för personer med synnedsättning, utan också din SEO. Håll ALT-texterna korta, helst inom 120 tecken, och inkludera relevanta nyckelord för bättre sökoptimering.
Kontrast: Tänk på att ha tillräckligt hög kontrast mellan text och bakgrund, särskilt när text placeras på bilder. På Color contrast checker kan du testa två färger och se hur bra kontrasten blir utifrån ett tillgänglighetsperspektiv. Du får direkt feedback på om färgkombination ger tillräckligt stor kontrast och följer WCAG, de riktlinjer som finns för en tillgänglig webbplats.
Beskrivande länkar: Använd beskrivande länktexter och var tydlig med vart länkar leder. Undvik generiska termer som ”klicka här”. Det hjälper alla användare, inklusive de som använder skärmläsare, att förstå vart länken leder utan att behöva läsa omgivande text.
Listor: Använd alltid inbyggda listfunktioner, det säkerställer att listorna är semantiskt markerade i koden, vilket är viktigt för både tillgänglighet och SEO. För personer som använder skärmläsningsprogram hjälper korrekt formaterade listor till att tydligt indikera att det är en lista. Skärmläsaren meddelar att en lista börjar och hur många objekt den innehåller, vilket gör det lättare för användaren att förstå strukturen och navigera i innehållet. Sträva efter att hålla listorna korta och koncisa.
Hashtags: För bättre läsbarhet, börja varje ord i en hashtag med versaler: #StorBokstav
Texta alla filmklipp: Det underlättar både för de med hörselnedsättning och för de som tittar utan ljud.
Formulär: Se till att alla fält har tydliga etiketter och att eventuella felmeddelanden är lätta att förstå och visas nära det aktuella fältet. Använd tillräcklig kontrast så det blir lätt att läsa och undvik att bara använda färg för att visa fältens status.
Tabb- och tangentbordsnavigering: Säkerställ att din webbplats är fullt navigerbar med tangentbordet, vilket innebär att alla interaktiva element som länkar, knappar och formulärfält är åtkomliga och fungerar utan mus.
Responsiv design: Kontrollera att din webbplats är responsiv och fungerar bra på alla enheter, från stora skärmar till mobila enheter. Det gör den tillgänglig för en bredare publik.
Laddningstid: Optimera din webbplats för snabb laddning. En långsam webbplats kan vara svår att använda för alla, men särskilt för personer med vissa funktionsnedsättningar eller de med begränsad internetuppkoppling.
Säkerställ er tillgänglighet med oss
Vi vill så klart bidra till att göra de webbplatser vi skapar tillgängliga för alla, oavsett vilka förutsättningar man har. Vi har ett tillgänglighetspaket som går att lägga till vid köp av webbplats. Då säkerställer vi att kriterierna ovan följs och samarbetar med en tillgänglighetsbyrå som testar webbplatsen under uppbyggnad så den uppfyller en godtagbar nivå. Fråga oss när vi pratar webb så berättar vi mer.