Praktisk compliance-guide for Squarespace-ejere og bureauer: hvad du kan og ikke kan rette i Squarespace, og workflowet der bringer en skabelonbaseret side op på WCAG 2.1 AA.
Opdateret august 2026 · 6 minutters læsning
Enhver Squarespace-side der sælger til eller informerer EU-forbrugere er omfattet af European Accessibility Act, hvor tjenesten er forbrugervendt — webshops allerførst. Det tekniske benchmark er EN 301 549 / WCAG 2.1 niveau AA. Squarespace lever rimeligt compliant skabeloner og infrastruktur, men sidens ejer ansvar for sit konfigurerede tema, sit indhold og sine tredjeparts-indlejringer. Den praktiske udfordring adskiller sig fra open source-CMS'er: du styrer ikke markeringen, så compliance-arbejdet består i at arbejde indstillingerne, indholdet og et kort liste over code injection-punkter.
E-handel og forbrugertjenester er nævnt direkte i EAA; salg til EU udløser reglerne uanset hvor ejeren er baseret.
Du kan ikke redigere den underliggende HTML på almindelige abonnementer. De fleste mekaniske retter ligger i site styles, sektionsindstillinger og billedfelter.
Platformen giver dig værktøjerne; conformance opnås (eller tabes) af hvordan du konfigurerer og fylder dem.
Lysgrå brødtekst, lavkontrast-knapper oven på bannerbilleder, transparente headers oven på hero-sektioner. Squarespace lad dig vælge vilkårlige farvepar — det advarer dig ikke om kontrast.
Den største enkeltkategori. Galleribilleder, baggrundsbilleder og inline-billeder skal alle have alt udfyldt pr. element; mange ejere rører aldrig feltet.
I Fluid Engine vælger tekstblokke "Overskrift 2" pga. størrelsen snarere end struktur — resultatet er sprunget niveauer og sider uden sammenhængende outline.
Booking-widgets, formularer og video-embeds injicerer deres egen markering — unlabelled kontroller og keyboard-fælder kommer med ind.
Farvepar: mørk gør brødtekst- og knapfarver i site styles til hver kombination klarer 4,5:1 (3:1 for stor tekst). Tjek announcement bars, footers og formularetiketter separat — de bærer egne par.
Alt-tekst overalt: udfyld alt pr. billede på sider, i gallerier og produktkort. Dekorative baggrunde håndterer temaet med tom alt; indholdsbilleder må beskrive sig selv.
Overskriftsstruktur: én h1 pr. side (typisk sidetitlen). Om-mærk sektionstitler så outline går ned uden spring — brug stiloverrides for udseendet i stedet for at vælge "større" overskrifter.
Linktekster: udskift gentagne "læs mere" med beskrivende tekst. Knapper der er billeder, skal have alt-tekst der navngiver handlingen.
Bevægelse og fokus: slå autospillende bannere fra eller hold dem subtile; verificér at fokusindikatorer stadig er synlige efter eventuel custom CSS.
Når indstillingerne slipper op, giver Squarespace tre kontrollerede nødudgange:
Kode-/embed-blokke: brug dem sparsomt, og kun med widgets du har tab-testet. Fælder en bookings- eller formular-widget tastaturet, så udskift den — ingen mængde styling retter det.
Code injection (footer): små CSS-patches er legitime her — at genskabe synlige :focus-visible-outlines en skabelon fjernede, er en én-linjes ret med reel effekt.
Custom CSS-panelet: ret kontrast ved at override specifikke klasser frem for at re-theme. Hold ændringerne dokumenteret; skabelonopdateringer kan flytte klassenavne.
Undgå overlay-scripts: "accessibility widgets" gør ikke en Squarespace-side conformant og har mødt europæisk regulatorisk kritik. Ret årsagerne i stedet.
En realistisk verificeringsloop tager to til fire timer:
Trin 1 — automatisk scanning af forsiden, én index-/kollektionsside, en detaljeside og kontaktsiden. Forvent 5-15 fund første gang, mest alt-tekst og kontrast.
Trin 2 — ret og genscan via site styles og billedfelter til de mekaniske fund er væk.
Trin 3 — keyboard-gennemgang af navigation → side → kurv/kontakt-afsendelse. Alt der kræver mus fejler WCAG 2.1.2; indlejrede widgets er de sædvanlige synder.
Trin 4 — mobil-tjek: Squarespace renderer et andet navigationsmønster på mobil — test at burger-menuen åbner, lukker og kan nås med tastatur.
Trin 5 — dokumentér: publicér en tilgængelighedserklæring med conformance-status og kendte begrænsninger (fx en specifik indlejring). Under EAA er det forventet, ikke valgfrit.
Tilbyder den forbrugertjenester eller e-handel til EU, ja — også for små virksomheder, da online shops ikke har nogen generel mikrovirksomhedsbefrielse. Rent indholdsbaserede hobbiesider falder stort set udenfor, men WCAG tæller stadig for rækkevidde og kvalitet.
Squarespace oplyser at platformen sigter mod WCAG 2.1 AA, og aktuelle skabeloner er fornemme udgangspunkter. Men ejeren ejer sin konfiguration og sit indhold — en compliant platform gør ikke hver side bygget på den compliant.
Ikke den underliggende skabelonmarkering på standardabonnementer. Du arbejder via site styles, sektionsindstillinger, alt-tekstfelter, CSS-panelet og code injection-punkter — tilsammen dækker de næsten alt en audit finder.
De kan injiceres, men de giver ikke conformance: overlays kan ikke rette kontrast i billeder, ødelagte embeds eller manglende alt-tekst, og EU-myndigheder har kritiseret at markedsføre dem som compliance.
En velholdt skabelonside: 2-4 timer til indstillinger, alt-tekst-backfill og test. Sider på gamle legacy-skabeloner eller med tunge embed-stakke kræver mere — som regel udskiftning af de værste embeds først.