PTS börjar granska e-handel: så gör du en snabb tillgänglighetskontroll

Kort svar

När PTS började granska e-handelstjänster blev tillgänglighet mer konkret för svenska e-handlare. Frågan är inte längre om butiken borde vara tillgänglig. Frågan är hur väl den faktiskt fungerar för personer som använder tangentbord, skärmläsare, zoom, hjälpmedel eller behöver tydligare gränssnitt.

En snabb kontroll hittar ofta flera brister redan på startsida, produktlistning, produktsida och checkout.

Börja med köpresan

Tillgänglighet ska inte bara testas på startsidan. För e-handel är köpresan viktigare.

Kontrollera minst:

1. startsida
2. kategori eller sökresultat
3. produktsida
4. varukorg
5. checkout
6. orderbekräftelse

Om användaren fastnar i något av de stegen är butiken inte tillräckligt användbar.

Test 1: använd bara tangentbord

Lägg undan musen och använd Tab, Shift + Tab, Enter, Space och piltangenter.

Kontrollera:

• syns fokus tydligt?
• går menyn att använda?
• fungerar filter?
• går det att välja produktvariant?
• går det att lägga i varukorgen?
• går checkouten att slutföra?
• fastnar fokus i modaler?

Det här testet är enkelt och avslöjar mycket.

Test 2: granska kontrast

Kontrollera särskilt:

• priser
• kampanjtexter
• knappar
• felmeddelanden
• lagerstatus
• formuläretiketter
• länkar

Svag kontrast är vanligt i designsystem som prioriterar ett mjukt visuellt uttryck. Problemet är att texten blir svårare att läsa.

Test 3: formulär och fel

Checkouten är ofta den svagaste delen.

Fråga:

• har varje fält en tydlig etikett?
• förstår användaren vad som blev fel?
• går felet att hitta med skärmläsare?
• visas fel bara med färg?
• är obligatoriska fält tydliga?
• går adress, frakt och betalning att ändra?

Ett felmeddelande ska hjälpa användaren vidare, inte bara markera att något är fel.

Test 4: produktvarianter

Många e-handlar har problem med färg, storlek och lagerstatus.

Kontrollera:

• är färgval textbeskrivna?
• går varianter att välja med tangentbord?
• uppdateras pris och lagerstatus tydligt?
• går ändringar att förstå utan att se färg?
• fungerar bildgalleri med tangentbord?

Produktvarianter är både en tillgänglighetsfråga och en konverteringsfråga.

Test 5: rubriker och struktur

En sida ska ha en begriplig struktur. Kontrollera att:

• det finns en tydlig H1
• rubriker kommer i rimlig ordning
• produktlistor är semantiskt begripliga
• knappar är knappar och länkar är länkar
• huvudområden går att identifiera

Det hjälper både skärmläsare, sökmotorer och utvecklare.

Test 6: tredjepartskomponenter

Många e-handlar använder externa komponenter för:

• betalning
• recensioner
• chatt
• cookie-samtycke
• produktrekommendationer
• fraktval

Även de behöver fungera. En tillgänglig produktsida hjälper inte om betalningen inte går att slutföra.

Dokumentera bristerna

Skapa en enkel lista:

• sida
• problem
• påverkan
• prioritet
• föreslagen åtgärd

Prioritera sådant som blockerar köp, kontakt eller förståelse.

Sammanfattning

PTS tillsyn gör tillgänglighet svårare att skjuta upp. För e-handlare är det praktiska arbetet tydligt: testa köpresan, inte bara enskilda komponenter.

Börja med tangentbord, kontrast, formulär, produktvarianter och checkout. Där finns ofta de största problemen.

Vill du förbättra köpresa, tillgänglighet och teknisk kvalitet? Läs mer om vår tjänst inom e-handel.

Källa: PTS om tillsyn av e-handelstjänster.