Om tillgänglighetsdirektivet
Från och med juni 2025 gäller nya krav på digital tillgänglighet inom EU genom det så kallade European Accessibility Act (EAA).
E37 arbetar löpande med att utveckla plattformen enligt principerna i WCAG 2.2 och tillgänglighetsdirektivet.
Tillgänglighet i en webbshop handlar inte enbart om den tekniska plattformen. Tillgängligheten påverkas även av innehåll, bilder, färgval, externa tjänster och kundunika anpassningar.
E37 vidareutvecklar löpande plattformens grundfunktioner och standardkomponenter för att stödja tillgänglighetskraven. Samtidigt är många webbshoppar byggda med kundunika frontend-lösningar och anpassningar som utvecklats över tid. Dessa delar kan därför behöva ses över separat utifrån respektive webbshops utformning och innehåll.
Den här artikeln fokuserar på sådant som ni som e-handlare själva kan påverka och arbeta med för att göra webbshoppen mer tillgänglig och användarvänlig för alla besökare.
Vad gör vi på E37?
E37 arbetar löpande med att utveckla plattformen enligt principerna i WCAG 2.2 och tillgänglighetsdirektivet.
Det innebär bland annat att vi:
- vidareutvecklar plattformens grundfunktioner och standardkomponenter med fokus på tillgänglighet
- arbetar med tillgänglighetsförbättringar i plattformens standardfunktionalitet
- kvalitetssäkrar centrala funktioner i plattformen
- följer utvecklingen och rekommendationerna kring digital tillgänglighet
Samtidigt är många webbshoppar byggda med kundunika frontend-lösningar och anpassningar som utvecklats över tid. Tillgänglighet påverkas därför inte enbart av plattformen, utan även av respektive webbshops design, innehåll och externa integrationer.
Produkttexter och information
Tydliga och informativa produkttexter hjälper alla kunder att förstå vad produkten är, hur den används och vilka egenskaper den har.
Det är särskilt viktigt för besökare som använder skärmläsare eller som har svårt att tolka information enbart via bilder.
|
Tänk på detta
|
Rubriker och textstruktur
En tydlig struktur gör innehållet enklare att läsa och förstå för både besökare och hjälpmedel som skärmläsare.
Genom att använda rubriker, stycken och listor på ett genomtänkt sätt blir det lättare att hitta viktig information i webbshoppen.
|
Tänk på detta
|
Bilder och alt-texter
Bilder i webbshoppen bör ha beskrivningar som hjälper besökare att förstå innehållet även om de inte kan se bilden.
Det är särskilt viktigt för personer som använder skärmläsare.
|
Tänk på detta
Exempel på alt-texter Mindre tydligt:
Tydligare:
Information om artikelbilder i E37 För produktbilder används produktens varumärke tillsammans med artikelns benämning automatiskt som alt-text i plattformen. Detta ger en grundläggande beskrivning av produkten och hjälper hjälpmedel att identifiera innehållet i bilden. |
Länkar och knappar
Länkar och knappar bör vara tydliga och beskriva vad som händer när besökaren klickar på dem.
Det gör det enklare för både besökare och hjälpmedel som skärmläsare att förstå innehållet och navigera i webbshoppen.
|
Tänk på detta
Exempel Mindre tydligt:
Tydligare:
|
Språk och tydlighet
Tydliga och lättförståeliga texter gör webbshoppen enklare att använda för alla besökare.
Det gäller särskilt information kring köp, leveranser, returer och annan viktig kundinformation.
|
Tänk på detta
|
Färger och läsbarhet
Om ni själva ändrar färger i webbshoppen är det viktigt att innehållet fortfarande är tydligt och lätt att läsa.
För låg kontrast mellan text och bakgrund kan göra innehållet svårt att uppfatta för många användare.
|
Tänk på detta
Rekommenderade kontrastnivåer WCAG rekommenderar följande kontrastnivåer mellan text och bakgrund:
Ni kan kontrollera färgkontraster med exempelvis: WebAIM Contrast Checker |
Video och media
Om ni använder video i webbshoppen är det viktigt att innehållet även går att ta del av utan ljud.
|
Tänk på detta
|
Externa tjänster
Om ni använder externa tjänster i webbshoppen är det viktigt att även dessa fungerar på ett tillgängligt sätt.
Externa tjänster kan exempelvis vara:
- betallösningar
- chattfunktioner
- recensionstjänster
- videotjänster
- nyhetsbrevstjänster
- cookiehantering
|
Tänk på detta
|
Dokument och PDF-filer
Om ni länkar till PDF-filer eller andra dokument i webbshoppen är det viktigt att även dessa är tydliga och läsbara.
|
Tänk på detta
|
Sammanfattning
Tillgänglighet är ett löpande arbete som påverkas av både teknik, innehåll och externa tjänster.
Genom att arbeta med tydliga texter, beskrivande bilder, läsbar design och genomtänkt innehåll kan ni göra webbshoppen mer tillgänglig och användarvänlig för fler besökare.
E37 arbetar löpande med tillgänglighet i plattformen, medan ni som e-handlare ansvarar för det innehåll och de externa tjänster som används i webbshoppen.
Tips och verktyg
Det finns flera kostnadsfria verktyg som kan hjälpa er att upptäcka vanliga tillgänglighetsproblem i webbshoppen.
Exempel på verktyg
-
WebAIM Contrast Checker
Kontrollera kontrast mellan text och bakgrund. -
WAVE Web Accessibility Evaluation Tool
Hjälper till att identifiera vanliga tillgänglighetsproblem på en webbsida. -
WCAG Overview (W3C)
Läs mer om riktlinjerna bakom WCAG.
Behöver ni hjälp eller vill diskutera tillgänglighet i er webbshop närmare är ni alltid välkomna att kontakta oss på E37.
Tillgänglighet påverkas av både plattform, innehåll, design och externa tjänster. Behovet av anpassningar kan därför variera mellan olika webbshoppar.