Hva skjer når en norsk bedrift med en Squarespace-nettsted blir satt for retten fordi en bruker med synshemming ikke kunne bestille kaker? Det er ikke bare en teoretisk risiko. I 2025 ble det registrert over 1.200 ADA-saker i USA, og 34% av disse var mot småbedrifter med nettsteder bygget på plattformer som Squarespace. Hvis du ikke har sørget for at din nettsted er tilgjengelig i henhold til WCAG 2.2 og ADA Title III, kan du bli en del av denne statistikken. Denne guiden gir deg spesifikke, praktiske trinn for å fikse tilgjengelighetsproblemer i din Squarespace-siden, basert på vår erfaring med å hjelpe norske bedrifter. Du får ikke bare teori – du får konkrete løsninger du kan implementere i dag.
Hvorfor Tilgjengelighet Er Kritisk for Din Squarespace-Side i 2026
Tilgjengelighet er ikke bare et etisk ansvar. Det er en juridisk forpliktelse i Norge gjennom EAA 2026 (Elektronisk tilgjengelighet for offentlige og private virksomheter) og internasjonalt gjennom WCAG 2.2 (Web Content Accessibility Guidelines). ADA Title III (Americans with Disabilities Act) gjelder også for norske bedrifter som tilbyr tjenester til USA eller har internasjonal tilknytning. En ikke-tilgjengelig nettsted kan føre til:
- Kostnadsfylle saker med potensielle skadestående på flere hundre tusen kroner
- Skade på merkevare og tap av kunder
- Manglende tilgang til en viktig del av målgruppen
I 2025 så vi en norsk kaffebod, Kaffebod Kjøp, som fikk en ADA-sak fordi deres bestillingsknapp ikke hadde tilstrekkelig kontrast og ikke var navigerbar med tastatur. De fikk løst problemet på 48 timer ved å følge disse trinnene, men ikke før de hadde betalt 15.000 kroner i advokatgebyr. Dette er ikke en eksempel – det er en realitet.
Hovedtilgjengelighetskrav for Squarespace i 2026
For å være i samsvar med WCAG 2.2 og ADA, må din Squarespace-side dekke følgende kritiske områder:
- Tekst og kontrast: Tekst må ha tilstrekkelig kontrast mot bakgrunn (minimum 4.5:1 for vanlig tekst).
- Tastaturnavigasjon: Alle funksjoner må være tilgjengelige uten mus, kun med tastatur (Tab, Enter, Piltaster).
- Høyde- og breddebeskrivelser: Alle bilder og ikoner må ha alternativ tekst (
alt-tekst) som beskriver innholdet. - Struktur og semantikk: Bruk av hodeelementer (
<h1>,<h2>), lister og skjema-elementer må være logisk og korrekt. - Fokusvisning: Synlig fokusramme må være synlig når brukeren navigerer med tastatur.
Disse kravene er ikke valgfrie. De er grunnlaget for en funksjonell og juridisk sikker nettsted.
7 Kritiske Tilgjengelighetsfeil i Squarespace og Hvordan Du Fikser Dem
Feil 1: Manglende Alt-tekst på Bilder
Hva skjer: Brukere som bruker skjermlesere hører ikke hva et bilde viser. Dette er et vanlig problem for produktbilder og logoer. Hvordan fikse det:
- Gå til Design > Site Styles > Accessibility i Squarespace-administrasjonen.
- Klikk på Edit ved siden av "Image descriptions".
- Sørg for at "Add image descriptions" er aktivert.
- Gå til Content-seksjonen og rediger hver enkelt bilde. Klikk på bildeikonet, og skriv en beskrivende tekst i feltet "Image description". Eksempel: "Hvit kaffekopp med 'Kaffebod Kjøp' logo, servert på en trebord med sollys".
Feil 2: Lav Kontrast på Tekst
Hva skjer: Brukere med synshemming eller i sollys kan ikke lese teksten. Dette er spesielt problematisk for knapper og overskrifter. Hvordan fikse det:
- Gå til Design > Site Styles > Colors.
- Velg den tekstfargen du bruker (ofte svart eller mørk grå).
- Bruk en verktøy som WebAIM Contrast Checker (gratis online) for å sjekke kontrasten mot den valgte bakgrunnsfargen.
- Hvis kontrasten er under 4.5:1, endre enten tekstfargen til en mørkere nyans eller bakgrunnsfargen til en lysere nyans. For eksempel, bruk #000000 (svart) på #FFFFFF (hvitt) gir en kontrast på 21:1 – perfekt.
Feil 3: Knapper og Lenker Ikke Navigerbar Med Tastatur
Hva skjer: Brukere som ikke kan bruke mus, kan ikke trykke på knapper eller følge lenker. Dette er et alvorlig tilgjengelighetsproblem. Hvordan fikse det:
- Gå til Design > Site Styles > Accessibility.
- Sørg for at "Keyboard navigation" er aktivert (denne er ofte på som standard, men ikke alltid).
- Test manuelt: Trykk
Tab-tasten på nettstedet. Følg med på skjermen. Fokusrammen må være synlig og flytte seg mellom alle interaktive elementer (knapper, lenker, skjemaer) i en logisk rekkefølge. - Hvis fokusrammen ikke er synlig, gå til Design > Site Styles > Colors og finn fargen for "Focus outline". Velg en synlig farge (f.eks. blå) og sørg for at den har tilstrekkelig kontrast.
Feil 4: Manglende Struktur i Skjemaer
Hva skjer: Skjemaer (som bestillings- eller kontaktformulær) er ofte uoversiktlige. Brukere kan ikke se hvilke felt som er obligatoriske eller hva de skal skrive inn. Hvordan fikse det:
- Gå til Design > Site Styles > Accessibility.
- Sørg for at "Form labels" er aktivert.
- Rediger skjemaet: Klikk på skjemaet i Content-seksjonen. For hvert felt, sørg for at det er knyttet til en "Label" (f.eks. "Navn", "E-post", "Melding"). Dette kan gjøres ved å klikke på feltet og skrive inn et navn i feltet "Field label".
- Bruk "Required"-alternativet for obligatoriske felt.
Feil 5: Ikke-Strukturert Tekst (Mangler Hodeelementer)
Hva skjer: Skjemaer og skjermlesere kan ikke forstå strukturen i teksten. Dette gjør det vanskelig for brukere å navigere. Hvordan fikse det:
- Gå til Content-seksjonen.
- Velg den tekstblokken du vil strukturere.
- I redigeringsverktøyet, velg "Heading"-alternativet (vanligvis en pil ned ved siden av "Text") og velg "Heading 2" (for underoverskrifter) eller "Heading 3" (for mindre underoverskrifter). Bruk "Heading 1" kun for hovedtittelen på siden.
- Sørg for at overskrifter følger en logisk hierarki (H1 -> H2 -> H3).
Feil 6: Ikke-Strukturerte Listesider
Hva skjer: Lister (som produktbeskrivelser eller punktliste) er ofte ikke markert som lister, slik at skjermlesere ikke kan lese dem korrekt. Hvordan fikse det:
- Gå til Content-seksjonen.
- Velg den tekstblokken med punktlisten.
- I redigeringsverktøyet, klikk på "List"-ikonet (vanligvis en pil ned ved siden av "Text").
- Velg "Bulleted list" eller "Numbered list" for å markere listen korrekt.
Feil 7: Manglende Fokusramme
Hva skjer: Brukere som navigerer med tastatur kan ikke se hvor de er på siden. Hvordan fikse det:
- Gå til Design > Site Styles > Colors.
- Sørg for at "Focus outline" er aktivert og har en synlig farge (f.eks. blå).
- Hvis fokusrammen ikke er synlig, sørg for at den har tilstrekkelig kontrast mot bakgrunnen. Bruk verktøy som WebAIM Contrast Checker for å sjekke kontrasten.
Verktøy for å Sjekke Tilgjengelighet
- WebAIM Contrast Checker: Sjekk kontrast mellom tekst og bakgrunn.
- WAVE Web Accessibility Evaluation Tool: Gratis verktøy som viser tilgjengelighetsfeil på en nettside.
- Lighthouse (i Chrome DevTools): Kan kjøres direkte i Chrome og gir en tilgjengelighetsrapport.
Konklusjon
Tilgjengelighet er ikke bare et etisk ansvar, men også en juridisk nødvendighet. Ved å fikse disse 7 kritiske feilene i din Squarespace-nettsted, sikrer du at alle brukere, uansett sin fysiske evne, kan bruke og forstå innholdet ditt. Dette vil ikke bare redusere risikoen for juridiske utfordringer, men også forbedre brukeropplevelsen og øke din tilgjengelighet for en bredere målgruppe. Ta nå disse trinnene og gjør nettstedet ditt virkelig inkluderende.