Hvor PrestaShop-butikker fejler WCAG 2.1 AA — temaer, moduler, filtre og checkout — og en praktisk udbedrings-workflow for EU-mercants.
Opdateret august 2026 · 7 minutters læsning
PrestaShop driver hundredtusindvis af webshops med stor fodaftryk blandt europæiske små og mellemstore mercants — præcis e-handelskategorien European Accessibility Act regulerer. Siden juni 2025 er en utilgængelig butik juridisk risiko i hele EU, og betalingsudbydere og markedspladser spørger i stigende grad mercants til dokumenteret conformance. En typisk PrestaShop-butik stabler et købt tema, et dusin moduler og flere sprog oven på kernen — og hvert led kan bryde tilgængeligheden.
Webshops har ingen mikrovirksomheds-befrielse under EAA. Sælger du til EU-forbrugere, gælder WCAG 2.1 AA dine produktsider, checkout og kontoområde.
Temaet styrer næsten al renderet HTML — overskriftshierarki, knap-markering, fokus-tilstande og kontrast. Kvaliteten svinger vildt mellem marketplace-temaer.
Filter-widgets, sliders, reviews og newsletter-popups kommer typisk fra tredjeparts-moduludviklere med ukendt tilgængelighedskvalitet. Hvert modul skal gennemgås for sig.
Bulk-import springer rutinemæssigt Legend-feltet over og efterlader kategorigitter fulde af billeder helt uden alt-tekst.
Filtrer renderet som klikbare divs uden tastaturstøtte eller aria-expanded — skærmlæserebrugere kan ikke indsnævre et produktgitter.
Egne steppers i stedet for native number-inputs, farveprøver uden labels eller annoncering af valgt tilstand.
Ajax-udskiftede checkout-sektioner der hverken flytter fokus eller annoncerer fejl; betalingsfelter uden tilknyttede labels.
Newsletter-modals der fanger tastaturfokus, "lagt i kurven"-bekræftelser vist kun visuelt — ingen ARIA live region.
Udsalgsbadges og banner-tekst i brandfarver under 4,5:1-minimummet — den hyppigste automatiske fundkategori på EU-butikker.
Backoffice først: produktbillede-alt bor i Katalog → Produkter → Fotos (Legend-feltet); butiks-sprog under International → Lokalisering; farver og typografi under Design → Theme & Logo. Fyld det ordentligt ud, før du rører kode.
Tema-semantik: genskab rigtige landmarks (header, nav, main, footer), én h1 pr. side og produkttitler som rigtige overskrifter i gitterskabelonerne — mange marketplace-temaer renderer dem som stylede divs.
Native inputs: erstat egne antal-steppers og selects med native elementer stylet til at matche — de arver tastatur- og skærmlæseradfærd gratis.
Fokus & ARIA-tilstande: style :focus-visible i stedet for at fjerne outlines; giv filter-toggles aria-expanded og resultatantal en aria-live region; hver Ajax-sektionsskift flytter fokus til sit nye indhold.
Kontrasttokens: ret grå-på-grå pris- og udsalgstekst ét sted i temaets farvevariabler, og verificér bagefter på tværs af bannere og knapper.
Behandl hvert tredjepartsmodul som en tilgængeligheds-ubekendt indtil det modsatte er bevist. På staging: gå hvert mods komplette flow igennem kun med tastatur, derefter med en skærmlæser — installér, konfigurér, brug, fortryd. Facetteret søgning, carousels, cookie-bannere og newsletter-popups fortjener særlig opmærksomhed — det er kategorierne med de værste track records. Fejler et modul uden fix fra leverandøren, så beslut bevidst: erstat det, pak et korrigerende lag udenom, eller dokumentér det som begrænsning i din tilgængelighedserklæring med en workaround. Kør din scanning igen efter hver modul-installation og hver PrestaShop-opgradering — opdateringer genskaber lydløst gamle fejl, hvor leverandørfiler blev patchet direkte.
Trin 1 — automatisk crawl af forside, kategori-, produkt-, CMS- og checkout-skabeloner — forvent 20-50 distincte fund på en typisk butik.
Trin 2 — transaktionsrejser: gennemfør søg → filtrér → produkt → kurv → checkout ende-til-ende med tastatur, derefter med skærmlæser. Dér ligger EAA-risikoen.
Trin 3 — module-pass: auditér hvert installeret moduls widgets enkeltvis.
Trin 4 — ret i backoffice hvor muligt, ellers i et child theme — patch aldrig core- eller vendor-filer direkte.
Trin 5 — levér: fundrapport, re-scan-verifikation og en tilgængelighedserklæring med conformance-status og dokumenterede begrænsninger. Re-auditér efter hver opgradering og større modulændring.
Ja for e-handel: webshops har ingen mikrovirksomhedsbefrielse under EAA. En lille PrestaShop-butik der sælger til EU-forbrugere er i omfang uanset antal ansatte.
Standard Classic-temaet leverer fornuftig semantik og responsiv markering, men de fleste butikker tilpasser temaer, tilføjer moduler og oversætter indhold — hvert trin kan introducere regressioner som manglende labels, generiske linktekster eller lavkontrast-bannere.
Katalog → Produkter → åbn produktet → Fotos-fanen → Legend-feltet. Bulk-importerede kataloger står ofte tomme på hundredvis af produkter; scanneren finder dem alle i ét træk.
Nogle er bedre end andre, men marketingpåstande er upålidelige. Scan en hel side af dit live tema frem for at stole på demoen — overskriftsstruktur, fokus-tilstande og kontrast er hvor temaer oftest fejler.
En typisk mellemstor butik skal bruge 1-4 uger afhængigt af tematilpasningens dybde og modulantal. Backoffice-rettere (alt-tekst, sprog, indstillinger) kan klares på dage; temaskabelon-arbejde tager længere.
Relateret: Magento og EAA · Shopify og EAA · WCAG-kontrasttjek