Genom att klicka på "acceptera alla cookies" samtycker du till lagring av cookies på din enhet för att förbättra navigeringen på webbplatsen, analysera webbplatsens användning och bistå i våra marknadsföringsinsatser. Läs mer i våra Integritets- och Cookie policy för mer information.
En enkel illustration av en rullstol som symboliserar tillgänglighet

Har du koll på hur tillgänglig er webbplats är?

Sebastian Larsson
May 27, 2021

Att som administratör eller redaktör för en sajt själv hålla reda på alla bestämmelser kring tillgänglighet kan kännas som en övermäktig uppgift. Men du kan själv göra en enkel granskning för att få en bättre uppfattning av vilka brister som finns.

Webbplatsens innehåll

Det är inte bara webbutvecklare som behöver ha tillgänglighet i åtanke när de bygger en webbplats. Innehållet på webbplatsen är också av betydelse, vilket gör att även redaktörer behöver tänka på detta. Vid en granskning finns det ett par punkter du behöver vara uppmärksam på.

Språket

Innehållet ska vara skrivet på ett så enkelt sätt som möjligt så att man inkluderar läsare med låg kunskap i ämnet. Tekniska termer bör förklaras och förkortningar skrivas ut i sin helhet vid första användning.

Rubriknivåer

Om du arbetar i ett CMS (Content Management System), så har du förmodligen möjligheten att välja mellan olika rubriknivåer när du jobbar med text. Se över så att rubrikerna inte hoppar över en nivå eller att du använder fetstil på brödtext istället för korrekt rubrik. Besökare som har behov av skärmläsare (ett verktyg som läser upp webbsidans innehåll), använder sig av rubrikerna för att enklare kunna navigera på sidan.

Bilder

Se över så att alla bilder på webbplatsen har alt-texter. Alt-texten används av skärmläsare för att beskriva bildens innehåll eller motiv. Undvik att förmedla information endast genom bilder. Om bilden till exempel visar ett stapeldiagram, så se till att informationen tydligt framgår genom bildtext eller i löptexten.

Länkar

Länktexten ska tydligt förklara vart länken leder. Försök att skriva länktexter som kan förstås utan någon kontext. Undvik länktexter som “Läs mer” eller “Gå till sidan”.

Tangentbordsnavigering

En del användare navigerar genom att använda tangentbordet istället för musen. Detta kan till exempel gälla användare med nedsatt syn eller nedsatt rörelseförmåga. Med hjälp av tabb-tangenten förflyttar användaren fokus på webbsidan. Vi kan tänka på fokus som motsvarande att hålla muspekaren över något innehåll på sidan som det går att klicka på. För att klicka på innehållet så trycker man på Enter-tangenten.Du rör dig tillbaka genom att hålla trycka shift- och tangenterna samtidigt.

För att själv testa så börja med att ta dig till webbplatsens förstasida. Navigera sedan med hjälp av tabb-tangenten istället för musen.

Här är en sida där tangentbordsnavigering fungerar på ett exemplariskt sätt: https://www.scope.org.uk/

Fokus

Börja med att kontrollera om allt innehåll som har fokus är tydligt markerat på sidan. Oftast innebär detta att innehållet får en blå ram runt sig, men detta kan variera mellan olika webbplatser. Det viktiga är att det tydligt framgår var på sidan fokuset ligger för tillfället..

Logisk ordning

För varje gång användaren trycker på tabb-tangenten så förflyttar sig fokus till nästa innehåll. Det är viktigt att ordningen som fokus förflyttar sig känns logisk. Oftast innebär detta att vi förflyttar oss uppifrån och ner och från vänster till höger. Men det behöver nödvändigtvis inte alltid vara så. Om vi trycker enter på en knapp som fäller ut en meny så förväntar användaren att fokus hamnar på första menylänken vid nästa tabb tryck.

Tillgänglighetsanpassning hos Odd Hill

Även om det finns många saker man enkelt kan göra själv så kommer man i slutändan att behöva hjälp av sin webbyrå. Har inte tillgänglighet varit en parameter när sajten projekterades och byggdes, kommer det att krävas utveckling för att tillgänglighetsanpassa den.
Det första man behöver göra är att ta reda på vilka brister den befintliga sajten har när det gäller tillgänglighet. Därefter kan man planera, prioritera och kostnadsberäkna själva utvecklingsdelen av arbetet. Här är den arbetsgång vi brukar följa på Odd Hill:

  1. Kodgranskning (maskingranskning)**
    Det finns idag bra verktyg som kan läsa av koden och ge en överskådlig rapport om vad som behöver göras.
  2. Mänsklig granskning
    Maskingranskningen läser endast av koden. Den tar inte hänsyn till det kognitiva. För att fånga upp detta behöver sajten granskas av ett proffs. På det sättet kan man fånga upp all problem som användare med olika funktionshinder stöter på.
  3. Prioritering
    Listan blir inte sällan ganska lång. Allt kanske inte kan åtgärdas direkt utan kommer att behöva sannolikt att behöva implementeras i olika steg. Vi gör alltid en prioritering tillsammans med kunden, där vi tar hänsyn till allvarlighet såväl som kostnad.
  4. Implementering
    Därefter planerar vi in implementeringen så att den kan göras på ett så effektivt som möjligt. Normalt sker det i olika steg (sprintar) efter prioriteringsordningen.
  5. Lansering
    Åtgärderna lanseras stegvis i takt med att de blir klara. På så sätt kommer de viktigaste åtgärderna live först och behöver inte väntar på att de som är lägre prioriterade ska bli klara.

Vi står till din tjänst

Har du frågor och funderingar runt det här med digital tillgänglighetsanpassning. Ta gärna kontakt med oss. Vi åtar oss naturligtvis gärna uppdraget också, förutsatt att webbplatsen är byggd i Drupal eller Wordpress, de plattformar vi inriktar oss på. Själva granskningsdelen kan vi göra oavsett, så att du får en komplett rapport du kan ta vidare.

Relaterade artiklar

Se alla Artiklar
Låt användarna visa vägen

Hur tar man fram digital gränssnittsdesign som både älskas av användarna och är bra för affärerna?

UX-förbättringar för e-handel

De här är de viktigaste viktigaste sakerna vi tycker e-handlare bör kika på.

Vad är användarskapat innehåll och varför är det viktigt?

Att låta användarna skapa innehållet på webbplatsen har många fördelar. Inte bara sparar det tid och pengar, det upplevs även som mer äkta och trovärdigt.

7 sätt AI kan användas för att öka den digitala tillgängligheten

AI har fått stort genomslag inom innehållsproduktion. Men artificiell intelligens kan även användas för att öka den digitala tillgängligheten. Och hjälpen är välkommen.

Se alla artiklar

Kontakta oss

Ta gärna kontakt med mig

Sebastian Larsson
Utvecklare
Tack så mycket!

Vi har mottagit ditt meddelande och uppskattar att du tog dig tid att kontakta oss.

Om du har ytterligare frågor eller behöver omedelbar hjälp, är du välkommen att kontakta oss direkt på +46 768 58 22 10.
Vi ser fram emot att höra från dig snart!
Oops! Något gick fel. Försök gärna igen eller kontakta oss på +46 768 58 22 10. Tack!