Webb enligt WCAG: Så gjorde vi Samspelets webbplats tillgänglig för fler

Idag behöver tillgänglighet vara en självklar del av en inkluderande webbplats. Vår tillgänglighetsspecialist, Cas, berättar om arbetet med att göra Samspelets webbplats mer användarvänlig för alla besökare.

Cas Raven, webbutvecklare och tillgänglighetsspecialist, står framför en laptop som visar Samspelets webbplats. På skärmen syns rubriken 'Tillsammans gör vi skillnad!' och en bild av en grön planta som symboliserar tillväxt och samarbete. Webbplatsen samspelet.se arbetar med tillgänglighet och arbetslivsinriktad rehabilitering.

Skriven av:

Author Image
Ulrika Winge
SEO-specialist
Hjälper ditt företag högre upp på Google

Publicerad:

Analysfasen: Förstå användarnas utmaningar

Samspelet är den gemensamma plattformen för arbetslivsinriktad rehabilitering genom samverkan mellan Arbetsförmedlingen, Försäkringskassan, Regionen och kommunerna Karlstad, Hammarö, Grums och Kristinehamn. De sökte vår hjälp för att säkerställa att deras webbplats är tillgänglig för fler.

”Första steget var en grundlig analys,” säger Cas. ”Vi använde flera olika verktyg för att identifiera tillgänglighetsproblem, men för att fånga upp alla nyanser krävdes även manuell testning.” 

Genom denna kombination kunde vi upptäcka detaljer som automatiska verktyg lätt missar, vilket var avgörande för att skapa en optimal användarupplevelse.

Förbättrad bildbeskrivning med alt-texter

Ett av de vanligaste problemen som identifierades var bristen på alt-texter för bilder. ”Alt-texter är bildens röst,” förklarar Cas. ”För användare som är beroende av skärmläsare är det viktigt att bilderna har beskrivande text, annars blir en del av upplevelsen otillgänglig.” 

Genom att lägga till informativa alt-texter säkerställer vi att alla besökare kan få samma information, oavsett med vilken utrustning man tar sig genom webbplatsen.

Nyfiken på fler av våra projekt?

Förstärkt färgkontrast och navigationsfunktioner

En annan åtgärd var att justera färgkontraster och förbättra navigeringen. Cas förklarar: ”Vi såg till att kontrasten mellan text och bakgrund var tillräcklig för att underlätta läsning för fler.” 

En snabbmeny-funktion lades till för att underlätta för tangentbordsanvändare att snabbt hoppa över menyer och komma direkt till innehållet, vilket är särskilt värdefullt för personer som navigerar utan mus.

Samspelets tidigare cookie-lösning fungerade inte optimalt för skärmläsaranvändare.

”Vi bytte till en cookie-funktion som är anpassad för tillgänglighet,” förklarar Cas. ”Det gamla systemet var svårt att använda för personer med skärmläsare, vilket begränsade deras möjlighet att navigera fritt på webbplatsen.”

Skillnad mellan länkar och knappar

Cas poängterar även vikten av att skilja mellan länkar och knappar. ”En länk ska leda till en annan sida, medan en knapp triggar en funktion på sidan,” säger han. Genom att använda dessa element korrekt kunde vi skapa tydlighet, vilket underlättar för användare med skärmläsare att navigera webbplatsen.

Ett mer tillgängligt Samspelet

Efter dessa tekniska justeringar tog Samspelet ett kliv framåt i sin tillgänglighet. Cas menar att arbetet och resultatet är otroligt viktigt: 

”Det handlar om små förändringar som tillsammans gör en stor skillnad. Att arbeta med tillgänglighet är ett kontinuerligt arbete, men det är fantastiskt att se hur förbättringarna direkt påverkar användarupplevelsen för alla.” 

Tack vare detta arbete är Samspelets webbplats nu mer inkluderande och tillgänglig för en bredare publik, vilket stärker både deras varumärke och användarnas upplevelse.

Nya lagkrav på tillgänglighet 2025

Visste du att nya lagkrav på tillgänglighet träder i kraft under 2025? Direktivet omfattar framförallt företag som erbjuder digitala tjänster, såsom e-handel, banktjänster, streaming och andra tjänster inom ljud och bild, liksom leverantörer av produkter som telefoner, surfplattor och självbetjäningsautomater.  

Du hittar mer information om detta i artikeln: “Det här behöver du veta om tillgänglighet på webben innan 2025”.

    Behöver du hjälp att säkerställa en tillgänglig webbplats?