Dansk Erhverv har udgivet en liste over de ti mest anvendte webshops i Danmark.
I min rolle som IT-konsulent indenfor tilgængelighedsområdet hos Inqlude IT, har jeg valgt at tage et kig på de forskellige webløsninger med en skærmlæser, og resultaterne er meget blandede.
Herunder kan du se listen over de 10 mest anvendte webshops af danske brugere:
- Zalando
- Matas
- Temu
- Nemlig.com
- Wolt
- Amazon
- Zooplus
- Proshop
- H&M
- Bilka.dk
Konklusion
Det er næppe nogen overraskelse, at Temu ligger helt i bunden, når det kommer til tilgængelighed af deres webshop. Der er så store problemer i Temu, at det er umuligt for skærmlæser brugere at handle i webshoppen. Ligeledes er Wolts løsning i den dårlige ende af skalaen.
Heldigvis er der gode alternative webshops blandt de mest populære. Her kan jeg især fremhæve Nemlig.com, Zalando og H&M. De leverer gode, intuitive løsninger, der fungerer ganske fint med en skærmlæser.
Nedenunder kan du læse om de konkrete erfaringer med de 10 webshops, som jeg har testet.
Zalando
Zalando’s webshop er meget tilgængelig og på højde med andre webshops, der skal imødekomme tilgængelighedslovens regler for webshops. Løsningen fungerer intuitivt og let anvende for en skærmlæserbruger.
Matas
At handle hos Matas som skærmlæserbruger kan generelt godt lade sig gøre, og de udfordringer, man støder på, er i den mindre kritiske ende af skalaen:
- Uhensigtsmæssig statusbesked: Når en vare tilføjes til kurven, åbner statusbeskeden som en dialogboks, man aktivt skal lukke ned igen. Selvom dialogen fint bekræfter, at varen er lagt i kurven, ville en almindelig statusbesked (der både vises visuelt og læses automatisk op af skærmlæseren) have givet et langt mere flydende flow.
- Mangel på overskrifter i kurven: Selve indkøbskurven er nem nok at åbne, men når den er foldet ud, mangler der en klar overskriftsstruktur. Uden en overskrift kan kurven og dens indhold være unødigt svær at lokalisere og navigere rundt i med skærmlæser.
Konklusionen er, at det er fuldt ud muligt at købe produkter hos Matas som skærmlæserbruger, da fejlene primært er mindre irritationsmomenter. Oplevelsen ville dog blive væsentligt forbedret, hvis der var en mere direkte og tilgængelig måde at navigere direkte til sin kurv og videre til kassen på.
Temu
Jeg oplevede følgende problemer ved besøg på Temus webshop:
- Utilgængelig CAPTCHA-udfordring: CAPTCHA-løsningen har umiddelbart et lydalternativ, men selve knappen til at aktivere lyden kan hverken nås eller aktiveres med en skærmlæser via tastaturet. Hvorfor er det så problematisk? Det betyder, at en skærmlæserbruger ikke kan bekræfte CAPTCHA-udfordringen uden seende assistance, hvilket fratager dem muligheden for at handle på lige fod med andre.
- Manglende statusbeskeder. Ændringer på siden, f.eks. bekræftelsen på, at en vare er tilføjet til indkøbskurven – bliver ikke læst op automatisk af skærmlæseren, selvom den vises for seende personer. Problemet i dette tilfælde er faktisk manglende feedback, om handlingen er blevet udført. Når denne besked ikke læses op, så ved brugeren ikke, om handlingen lykkedes, eller om siden har fejlet. Man bliver derfor i tvivl og er nødt til manuelt at gennemsøge hele siden for at kontrollere kurvens indhold.
- Manglende overskrifter og logisk sidestruktur. Skærmlæserbrugere navigerer ofte hurtigt ved at hoppe mellem overskrifter. Når denne struktur mangler, tvinges man til at tabbe eller pile sig igennem hundredvis af mellemliggende elementer bare for at nå til indkøbskurven eller kassen. Det er tidskrævende, og for mange spild af unødvendig navigation.
- Fejlplaceret fokus og ulogisk læserækkefølge. Når nye undersider, pop-ups eller trin i betalingsforløbet åbnes, flyttes fokus (læserækkefølgen) ikke til det nye indhold. I andre tilfælde bliver skærmlæseren flyttet hen på tilfældige placeringer på siden.Problemet i denne situation er, at brugerne mister sin orientering på siden, og skærmlæseren starter forfra i toppen af siden eller forbliver hængende i bunden, hvilket gør navigationen forvirrende og tidskrævende.
Selvom det teknisk set kan lade sig gøre at gennemføre et køb under de rette omstændigheder, er brugeroplevelsen uacceptabelt dårlig. Den manglende sidestruktur og den forvirrende læserækkefølge gør navigationen ekstremt tung. Det absolut største problem er dog CAPTCHA-udfordringen, som reelt gør siden utilgængelig uden seende assistance.
Jeg kan ikke anbefale Temu til skærmlæserbrugere, men opfordrer i stedet til at benytte andre webshops.
nemlig.com
Ligesom det er tilfældet med Zalando, er nemlig.coms løsning fuldt tilgængelig og fungerer rigtig godt med en skærmlæser. Jeg kan nemt bestille dagligvarer uden problemer og få dem leveret direkte hjem til døren.
Det er meget tydeligt, at Nemlig arbejder målrettet mod en digital fremtid, hvor tilgængelighed spiller en central rolle. Rigtig mange af deres kunder har et handicap, da online dagligvareindkøb er en stor hjælp i hverdagen, og man mærker tydeligt, at tilgængelighed og brugervenlighed er vægtet højt hos Nemlig.
Wolt
Wolt er et populært sted, hvor mange bestiller mad til enten afhentning eller udbringning. Desværre indeholder webløsningen en række af væsentlige tilgængelighedsfejl for skærmlæserbrugere:
- Manglende sammenhæng i elementnavne: Ikoner og tilhørende tekst (f.eks. linket til ens bestillinger på forsiden) er ikke kodet sammen. Skærmlæseren læser ikke det tilgængelige navn og teksten op i en samlet enhed, hvilket betyder, at manglende information i første omgang ikke videregives, før brugeren navigerer videre fra elementet.
- Tidskrævende og overvældende navigation: Der kræves alt for mange tastetryk og unødig navigation for at bevæge sig mellem elementerne eller for at komme ud af åbnet indhold. Det gør brugeroplevelsen tidskrævende, og nogle vil sandsynligvis opgive og forlade siden undervejs.
- Manglende statusbeskeder på antalsknapper: Knapper til at øge eller mindske antallet af varer annoncerer ikke den ændrede værdi til skærmlæseren, ligesom vigtige statusbeskeder udebliver undervejs.
- Misvisende knapnavne: Flere centrale knapper har navne, der ikke afspejler deres reelle funktion, hvilket skaber forvirring, når man navigerer med kompenserende hjælpemidler, f.eks. skærmlæser og punktdisplays (hjælpemiddel for mennesker med synshandicap eller døvblinde).
- Uforudsigelig placering på siden: Fokus flyttes automatisk rundt til vilkårlige steder på siden under bestillingsforløbet uden brugerens accept, hvilket er forvirrende og tidskrævende.
Wolt’s webløsning fremstår i øjeblikket som en frustrerende og tidskrævende oplevelse for skærmlæserbrugere. De manglende statusopdateringer, ulogiske placeringer på siden og ikke meningsgivende navne på knapper gør check ud-processen så uoverskuelig, at det direkte forringer oplevelsen, når skærmlæserbrugere besøger Wolts webløsning til bestilling af mad.
Jeg vil derfor anbefale skærmlæserbrugere en anden løsning.
Amazon
Amazons løsning fungerer overordnet set rigtig fint, og det er nemt at finde og bestille varer som skærmlæserbruger. Der er dog en væsentlig strukturfejl på websiden:
- Flere overskrifter på niveau 1: Siden indeholder flere H1-overskrifter. Da et overskriftsniveau 1 bør være forbeholdt sidens absolut vigtigste sektion og hovedtitel, skaber det unødig forvirring for en skærmlæserbruger.
Bortset fra den uhensigtsmæssige overskriftsstruktur fungerer Amazons platform fint med skærmlæser, og check ud-processen samt bestilling af produkter kan gennemføres uden de store udfordringer.
Zooplus
Køb af varer på Zooplus kan lade sig gøre, men deres webshop stiller krav til skærmlæserbrugerens tekniske erfaring og tålmodighed.
Jeg stødte på følgende problemstillinger:
- Der er placeret for mange irrelevante eller mellemliggende elementer (f.eks. bannere, anbefalinger og ustrukturerede links) mellem de primære sektioner i indkøbskurven. Når vigtige trin som “Gå til kassen” eller “Rediger antal” drukner i støj og uoverskuelige elementer, mister man hurtigt overblikket over ordren, hvis man ikke på forhånd kender sidens præcise layout.
Det er muligt at handle på Zooplus, men det kræver, at man er en erfaren skærmlæserbruger, der ved, hvordan man navigerer gennem overflødige elementer. Webløsningen er ikke intuitiv for skærmlæserbrugere, og den manglende oprydning i check ud-processen vil sandsynligvis få mange til at give op undervejs.
Proshop
Proshops webløsning er rigtig godt sat op til skærmlæsere. Overskriftsstrukturen er klar og logisk, og det føles intuitivt at navigere rundt på siden.
Alt fra at søge efter en vare til at lægge den i kurven fungerer problemfrit. Selve købsprocessen er ligeledes nem at komme igennem, og det er et stort plus, at langt de fleste betalingsmetoder er understøttet.
Det eneste punkt, der undrede mig lidt, er navngivningen af knappen til at lægge varer i kurven. Proshop har valgt at kalde denne knap for “Køb”. Når man som skærmlæserbruger møder det navn, forventer man umiddelbart, at betalingsprocessen starter med det samme, og at man straks skal vælge betalingsmetode m.m. Her ville et mere præcist og meningsgivende navn som f.eks. “Tilføj til kurv” eller “Læg i indkøbskurv” give et mere retvisende billede af handlingen.
Alt i alt er Proshops løsning dog rigtig god, tilgængelig og nem at handle på med en skærmlæser.
H&M
H&M har virkelig skruet en god webløsning sammen for skærmlæserbrugere. Ligesom hos Zalando og Nemlig er det både nemt og intuitivt at vælge tøjstørrelse, lægge varer i kurven og navigere rundt. Det gør en kæmpe forskel, når tilgængeligheden bare spiller, og webshoppen her er en rigtig god oplevelse at bruge.
Bilka
Bilkas webløsning fungerer overordnet set fint med en skærmlæser, og selve købsprocessen samt check ud-processen er let at komme igennem. Der er dog enkelte tilgængelighedsfejl og uhensigtsmæssigheder på siden, som skaber unødig forvirring for skærmlæserbrugere:
- Visse knapper på Bilkas webløsning mangler tilgængelige navne, hvilket efterlader skærmlæseren uden information om knappens reelle formål.
- Hver vare har en knap, der fører brugeren videre til produktet, men det ville være langt mere simpelt og intuitivt, hvis produktets overskrift i sig selv fungerede som et direkte link til produktsiden.
- Linket til indkøbskurven annoncerer ikke, om der rent faktisk er lagt varer i kurven, eller hvor mange varer der er tilføjet.
- Inde i selve indkøbskurven møder man to knapper og et tekstfelt, som styrer og viser mængden af varen. Disse elementer er kodet på engelsk. Det er uhensigtsmæssigt, da ikke alle mestrer engelsk, og det derved skaber unødvendig tvivl om elementernes funktion.
Alt i alt fungerer Bilkas webløsning for skærmlæser brugere, men med en del forbedringsmuligheder.