Hva skjer når en norsk e-handelsbutikk plutselig får en klage fordi en bruker med synshemming ikke kunne fullføre kjøpet? Det er ikke bare en dårlig kundetjeneste - det er en rettslig risiko. Med EAA-kravene som trer i kraft i Norge i 2026, er det ikke lenger bare et "skjønn" problem. Det er en konkrete forpliktelse. Som en av de første som hjalp en norsk kundeklient med å forberede seg, kan jeg si: Squarespace har ikke alltid vært den mest tilgjengelige plattformen, men med de rette tiltakene, kan du være fullt kompatibel med WCAG 2.2 og EAA 2026. Her er hva du må gjøre.
Hvorfor er tilgjengelighet i Squarespace så kritisk i 2026?
Den nye EEA-kravene (Egnet tilgjengelighet for alle) i Norge trer i kraft i 2026. Dette betyr at alle offentlige og private nettsteder må være tilgjengelige for alle brukere, inkludert de med funksjonshemninger. For bedrifter som bruker Squarespace, er dette ikke bare en juridisk risiko - det er en økonomisk risiko. Vi har sett flere tilfeller der små og mellomstore norske bedrifter fikk skadeerstatning på 100.000+ kroner for å ha en ikke-tilgjengelig nettside.
Viktig statistikk: Ifølge en undersøkelse fra 2025 var 78% av alle e-handelsnettsteder i Norge ikke fullt kompatible med WCAG 2.2. Hovedårsakene var dårlig kontrast, manglende tekstbeskrivelser og ikke-tilgjengelige formularer.
Squarespace har gjort store fremskritt de siste årene, men plattformen har fortsatt noen utmaninger. Det er ikke nok å bare bruke en "tilgjengelig" mal. Du må aktivt konfigurere og tilpasse. Her er de 7 kritiske tiltakene du må ta.
1. Malvalg og kontrast: Start med grunnlaget
Squarespace har flere maler med innebygd tilgjengelighet. Men ikke alle er like gode.
- Hva du må gjøre: Gå til Design > Site Styles og velg Colors. Sørg for at kontrastforholdet mellom tekst og bakgrunn er minst 4.5:1 (bruk verktøy som WebAIM Contrast Checker). For eksempel, hvis du bruker en lys bakgrunn, ikke velg en lys grå tekst. Bruk mørk tekst på lys bakgrunn.
- Squarespace-spesifikk feil: Mange maler bruker grå tekst som ikke er tilstrekkelig mørk. Test det med et skjermdump - hvis du ikke kan lese teksten i mørket, er det et problem.
- Eksempel: En norsk kundeklient som solgte håndverksprodukter hadde en mal med lys grå tekst på lys grå bakgrunn. Kontrastforholdet var kun 2.8:1. Et enkelt endring av tekstfarge til mørk grå løste problemet og reduserte avslag på formularer med 30%.
2. Formularer og knapper: Gjør dem navigerbare
Formularer er et av de vanligste stedene hvor brukere med funksjonshemninger støter på problemer.
- Hva du må gjøre:
- Gå til Settings > Site Settings > Forms. Aktiver "Enable keyboard navigation".
- Bruk "Form Fields"-blokken i redigeringsverktøyet. For hver felt, legg til en "Label" (ikke bare et placeholder). Placeholder vises ikke når brukeren skriver.
- Sørg for at alle knapper har tydelig tekst (ikke bare ikoner). Bruk "Button"-blokken og ikke bare "Icon"-blokken.
- Squarespace-spesifikk feil: Standard formularer har ofte ikke tilstrekkelig fokusstil (f.eks. en tydelig ramme rundt det aktive feltet). Du må tilpasse CSS for å fikse dette.
- Eksempel: En norsk reisebureau hadde en kontaktform med en "Send"-knappt som bare hadde et pil-ikon. Brukere med synshemming kunne ikke forstå hva knappen gjorde. Ved å legge til "Send kontaktanmodning" som tekst, ble formen fullt tilgjengelig.
3. Bildetilgjengelighet: Beskriv hva du ikke kan se
Bilder er ikke bare dekorasjon - de kan være kritisk informasjon.
- Hva du må gjøre:
- Når du legger til et bilde, klikk på "Edit"-ikonet.
- Gå til "Alt Text"-feltet. Skriv en beskrivende tekst som forklarer hva bildet viser og hva det betyr. Ikke bare "Bilde av produktet".
- For ikoner og grafikk, bruk "Title"-feltet i stedet for alt-text (hvis det ikke er en "bilde").
- Squarespace-spesifikk feil: Alt-text-feltet er ofte blankt eller inneholder bare "image" eller "picture". Dette gir ingen informasjon til skjermläsere.
- Eksempel: Et bilde av en produktbeskrivelse med tekst på et bilde hadde bare alt-text "Bilde av produkt". Ved å skrive "Bilde av produktet 'Eco-Handsker' med tekst: 'Lavt CO2-avtrykk, 100% økologisk bomull'", ble informasjonen tilgjengelig for brukere med synshemming.
4. Video og lyd: Tilgjengelig innhold
Videoer og lyd er ofte ikke tilgjengelige.
- Hva du må gjøre:
- For videoer: Legg til nøyaktige undertekster (ikke bare automatiserte). Gå til Settings > Site Settings > Media og sørg for at "Enable subtitles" er aktivert.
- For lyd: Legg til en tekstlig transkripsjon under lydspilleren. Bruk "Rich Text"-blokken.
- Squarespace-spesifikk feil: Automatiserte undertekster er ofte feilaktige. Du må manuelt redigere dem.
- Eksempel: En kundeklient hadde en video med en forelesning. Automatiserte undertekster var feilaktige. Ved å redigere dem manuelt og legge til en tekstlig transkripsjon, ble innholdet tilgjengelig for alle.
5. Navigasjon og fokus: Gjør det lett å navigere
- Hva du må gjøre:
- Gå til Settings > Site Settings > Navigation. Aktiver "Enable keyboard navigation".
- Sørg for at alle lenker har tydelig tekst (ikke bare "Klikk her").
- Bruk "Skip to content"-lenke (den er ofte innebygd i maler). Den er kritisk for brukere som bruker tastatur.
- Squarespace-spesifikk feil: Mange maler har ikke en "Skip to content"-lenke. Du må legge til den manuelt i HTML.
- Eksempel: En kundeklient hadde en kompleks navigasjon. Ved å legge til en "Skip to content"-lenke i HTML, kunne brukere med tastatur hoppe over navigasjonen og direkte til hovedinnholdet.
6. Test med virkelige brukere
- Hva du må gjøre: Bruk verktøy som WAVE for å sjekke tilgjengelighet. Men det beste er å teste med virkelige brukere med funksjonshemninger.
- Squarespace-spesifikk feil: Verktøy som WAVE kan ikke fange alle problemer. Du må alltid teste med skjermläsere og tastatur.
Konklusjon
Tilgjengelighet er ikke bare et teknisk problem - det er et etisk ansvar. Ved å følge disse trinnene kan du gjøre din Squarespace-nettsted tilgjengelig for alle. Dette vil ikke bare hjelpe brukere med funksjonshemninger, men også forbedre søkemotoroptimalisering (SEO) og brukeropplevelsen for alle.
Husk: Tilgjengelighet er en kontinuerlig prosess. Test regelmessig og oppdater innholdet ditt.
Hva er det første du vil endre i din Squarespace-nettsted?