noun_Email_707352 noun_917542_cc noun_Globe_1168332 Map point Play Untitled Retweet

Så lyckas du skapa en tillgänglig e-handel

08 juli 2021

En ny lag som medför att all e-handel behöver vara tillgänglig för personer med funktionsnedsättningar införs 2022. Den nya lagen baseras på EU:s harmoniseringsdirektiv för tillgängliga digitala tjänster. Vi på TietoEVRY anser att en tillgänglig e-handel är en väldigt god idé, även kommersiellt. Låt oss diskutera vad ni behöver göra för att tillgängliggöra er e-handel.

En liknelse för god tillgänglighet kan vara syltburken vars lock går att öppna oavsett hur starka nypor köparen har. För det är ju knappast en nackdel för den med starka händer att det krävs mindre ansträngning att komma åt det välsmakande innehållet. Om det inte är för att inhämta omgivningens beundran vill säga.

För att tala klarspråk, en tillgänglig e-handel gagnar alla, och kommer inte vara något som stör eller ens märks för den som har full funktion inom alla områden. Tillgänglig design är i regel universellt god design.

Läs mer: Varför tillgänglig e-handel är en lönsam investering

Varför är inte all e-handel tillgänglig redan?

Om rullstolen inte kan ta sig uppför trappan, genom den trånga butiksentrén, och över trösklarna in i butiken så är det ganska uppenbart att det blir svårt för den rullstolsbundna kunden att självständigt genomföra ett köp. Och att den rullstolsbundna kunden förmodligen väljer en annan mer lättillgänglig butik.

Varför är det inte lika självklart hur digitala hinder påverkar funktionsnedsatta kunder online? Om det får vi tillåta oss att spekulera lite, men en möjlig orsak kan vara att marknadsavdelningen missar att identifiera funktionsvariation som en parameter i sitt arbete med målgrupper, samt att UX-specialister med kunskap kring tillgänglighet inte finns med tillräckligt tidigt i designfasen. Entusiasmen kring spännande lösningar kanske får springa före, vilket riskerar att skapa lösningar som inte är helt genomtänkta. Tillgänglighet är nämligen mycket mer än bara teknik.

Sedan kan det säkert finnas vissa e-handlare som tänker att det blir dyrt och krångligt att tillängslighets­anpassa sin e-handel. Det senare anser vi är en fördom. Vi tror och hoppas som sagt att de potentiella vinsterna med en tillgänglig e-handel ska visa vägen. Om inte, så kommer i vilket fall den stundande lagen att råda bot på detta.

Att ta hänsyn till olika typer av funktionsnedsättningar

Det finns en bredd på funktionsnedsättningar. Nedsatt syn spänner från helt blind till tillfälliga synstörningar. Ett annat exempel, är nedsatt motorisk förmåga som medför att kunden inte kan använda musen för att ta sig genom flödet från att välja produkt, via check-out och till genomfört köp. Tangentbordet blir då det verktyg som kunden avvänder sig av för att ta sig vidare i interaktionen med er. En person med nedsatt kognitiv förmåga kan ha svårt att uppfatta längre texter. En person med diagnos inom autismspektrum vill känna igen mönstret i köpflödet, dvs att saker händer i en viss förutsebar ordning.

Funktionsnedsättningen är ofta temporär. Kunden kanske har brutit armen. Det kan vara en stressad vardagssituation, som gör att uppfattningsförmågan begränsas. Tänk dig till exempel att du ska genomföra köpet av nya regnkläder till barnen på väg till bussen en regnig oktobermorgon samtidigt som du koordinerar med din partner vem som ska vara hemma med sjukt barn i veckan. Eller så ska kunden ta del av er instruktionsvideo i en bullrig miljö, eller titta på skärmen i dåliga ljusförhållanden. Kunden kanske har fått grå starr, och väntar på en ögonoperation. Ja, ni förstår det finns många olika exempel på att vem som helst av oss kan uppleva ett funktionshinder.

Så tillgänglighetsanpassar ni e-handeln

Om vi konkretiserar oss då, och exemplifierar hur sämre tillgänglighetsanpassad e-handel fungerar i praktiken? Visuell design är konkret, handfast och något som alla kan relatera till. Därför använder vi oss av detta för att ge er en bild av vad vi menar. Här nedan följer ett axplock av exempel. Listan kan dock göras lång…

Låt inte flödet vara beroende av färg

Defekt färgseende förekommer hos minst 8 % av den manliga befolkningen och 1 % av den kvinnliga. Ett köpflöde som guidar kunden genom röda och gröna färgmarkeringar riskerar att bli svårförståeligt eller rent av obegripligt för den färgblinde. Hur råder vi bot på detta? Jo, genom att se till att förståelsen av flödet inte är beroende av färg. Använd form, text och mönster som gör flödet tillgängligt.

Vidare, svag kontrast mellan färger gör en websida svår att läsa för de flesta av oss, men rentav omöjlig för den med nedsatt syn. Använd istället tillräcklig kontrast mellan färger för att göra det lättare att uppfatta innehållet på skärmen.

Se till att kunden förstår vad som händer, även via ett förstoringsglas!

Många med synnedsättning använder webbläsarens zoom-funktion för att förstora och på så sätt öka läsbarheten. Men då visas bara en del av sidan, och en hel del information försvinner ur kundens synfält vilket kan leda till att överblicken av köpflödet tappas. Gruppera informationselement nära varandra så att relationer och sammanhanget bibehålls.

Säkra upp att interaktionen är funktionell även utan animationer

Animationer och video är ett populärt sätt att skapa uppmärksamhet, både för inspiration och för under­stryka vad som händer i en interaktion. Men animationer kan skapa yrsel, eller illamående och blinkande eller pulserande animationer kan i värsta fall skapa epileptiska anfall hos kunden. Använd därför animationer på ett väl avvägt sätt. Och se till att dessa kan stängas av med bibehållen funktionalitet i köpflödet.

Tangentbordet och textuppläsning behöver vara fullgoda alternativ

Vad gäller visuell design så kan inte blinda se alls, och de kan därför inte använda muspekaren för att interagera och slutföra ett köp. Istället används tangentbordet och webbläsarens uppläsnings­funktion. Säkerställ att det går att ta sig genom hela köpresan med hjälp av tangentbordet, och att det inte finns några tillfällen där musen måste användas för att navigera vidare. Detta senare gäller såklart även för alla kunder som har permanent eller tillfälligt nedsatt motorik som förhindrar dem från att använda muspekaren.

Tillgänglig design har direkt påverkan på konverteringen

Det finns såklart mycket mer att exemplifiera med både ur användarens perspektiv, och mer tekniskt. Men poängen vi vill hämta hem här är att designen påverkar den potentiella kundens möjlighet att slutföra köpet rent konkret. Och lyckas vi inte skapa en sammanhållen kundresa som fungerar för alla potentiellt intresserade så exkluderar vi dem, och det resulterar i övergivna kundvagnar, och vi tappar även tillgången till dessa kunders plånböcker.

Se istället tillgänglighet som en investering i användarens upplevelse, som bidrar till e-handelns lönsamhet. En investering som är en bra idé för alla kunder.

Några råd

Några råd att tänka på för framgångsrikt skapa en tillgänglig e-handel:

  • Ta tillgänglighet på allvar. Se tillgänglighet som en investering i en bättre användarupplevelse.
  • Gör rätt från början istället för att förändra och anpassa i ett senare skede. Det kostar mer att ändra i efterhand.
  • Skapa ett team med mångfald av erfarenheter och perspektiv för att nå en tillgänglig design genom hela kundresan.
  • Säkerställ att tillgänglighet är en del av er testmetod.

Lyckas ni med ovanstående så tänker vi att er e-handelskanal blir mer framgångsrik och lönsam. 

Vill du veta hur tillgänglig just er e-handel är? TietoEVRY hjälper er att besiktiga tillgängligheten i er e-handel.

Läs mer: Varför tillgänglig e-handel är en lönsam investering.

Webinar On Demand: Lyssna gärna på vårt webinar om tillgänglighet för alla inom
e-handeln. 

 

Kontakta mig

Jonas Päckos

Frontend UI Developer

Dela på Facebook Twittra Dela på LinkedIn