Testa tillgängligheten i din webbutik själv

1. Handla med bara tangentbordet

Lägg undan musen och försök köpa en produkt.

1. Tryck Tab för att gå framåt och Skift + Tab för att gå bakåt.
2. Tryck Enter för att följa länkar och Mellanslag för att trycka på knappar och kryssa i rutor.
3. Använd piltangenterna i listor, radioknappar och menyer.
4. Tryck Esc för att stänga rutor och menyer.
5. Ta dig hela vägen till kassan, men lägg ingen beställning.

2. Se var fokus är

Under tangentbordstestet: ser du hela tiden var du är? Försvinner fokus bakom en fast meny, en chattknapp eller en cookiebanner? Hamnar fokus i en ordning som följer sidan?

3. Zooma till 400 procent

Zooma in webbläsaren till 400 procent på en vanlig datorskärm. Det motsvarar en skärm som är 320 pixlar bred. Allt ska gå att läsa och använda utan att man behöver scrolla i sidled, utom i till exempel tabeller.

4. Lyssna med en skärmläsare

Skärmläsare finns gratis på de flesta enheter:

• Mac: VoiceOver, starta med Cmd + F5.
• iPhone och iPad: VoiceOver, under Inställningar och Hjälpmedel.
• Windows: NVDA, gratis att ladda ner.
• Android: TalkBack, under Inställningar och Hjälpmedel.

Lyssna på en produktsida. Läses knapparna upp med namn? Hör du vilken storlek som är vald? Säger skärmläsaren något när en vara läggs i varukorgen?

5. Kontrollera kontrasten enligt WCAG

Använd en kontrastkontroll, till exempel den som finns i webbläsarens utvecklarverktyg, på priser, knappar och text som ligger ovanpå bilder. Vanlig text ska ha minst 4,5:1 mot bakgrunden och stor text minst 3:1 (WCAG 1.4.3). Ikoner och kanter på formulärfält ska ha minst 3:1 (WCAG 1.4.11).

När du har testat

Skriv ner var du fastnade och på vilken sida. Hinder i temat finns oftast på alla sidor av samma typ, så en åtgärd i en mall kan rätta hundratals produktsidor på en gång.