Hvordan kan jeg gjøre Nettsidebygger-siden min mer tilgjengelig?
En tilgjengelig nettside sørger for at alle brukere, inkludert de med funksjonsnedsettelser, kan navigere, forstå og samhandle med innholdet ditt. Hvis du bruker Nettsidebygger, kan du forbedre tilgjengeligheten ved å justere viktige elementer og følge beste praksis – for eksempel ved å legge til alt-tekst på bilder og sikre at nettsidens design og innhold er tydelig strukturert. I denne artikkelen finner du en sjekkliste med anbefalinger og ressurser.
Hvis du har generelle spørsmål om tilgjengelighet på nettsider, kan du lese guiden vår: FAQ om tilgjengelighet på nettsider.
Merk: Hos one.com gjør vi vårt beste for å tilby verktøyene du trenger for å bygge og vedlikeholde en nettside som oppfyller tilgjengelighetskrav. Du er likevel selv ansvarlig for å sørge for at nettsiden din fullt ut overholder gjeldende regler. Vi anbefaler derfor sterkt at du setter deg inn i nasjonale og regionale lover, da det kan være krav som ikke er dekket i denne artikkelen.
Visuelle elementer
Alt-tekst for bilder, ikoner og grafikk
Alt-tekst fungerer som en lesbar beskrivelse av et bilde og kan brukes som erstatning hvis besøkende på nettsiden ikke kan se bildet. Alt-tekst kan leses opp av skjermlesere. Du finner instruksjoner for hvordan du legger til alt-tekst for bilder eller andre visuelle elementer i disse guidene:
- Bilder (gjelder også SVG-er og ikoner): Hvordan legger jeg til et bilde på Nettsidebygger-siden min?
- Logo: Slik bruker du logo-komponenten i Nettsidebygger
- Produktbilder (Nettbutikk): Administrer produkter i Nettbutikken din
- Galleri og bildeviser: Slik bruker du galleri- og bildekomponentene i Nettsidebygger
- Bloggbilder: Kom i gang med Blogg i Nettsidebygger
Du trenger ikke å legge til alt-tekst for bakgrunnsbilder, siden disse ofte kun brukes til dekorasjon. Alt-tekst bør kun legges til for bilder som inneholder viktig innhold, har en informativ funksjon eller krever interaksjon fra besøkende.
For å angi at et bilde kun er dekorativt og kan hoppes over av hjelpemiddelverktøy, kan du gå til SEO i bildeinnstillingene og sett bryteren Angi som dekorativt element til PÅ.
For å sikre full etterlevelse anbefaler vi at du gjennomgår alle bilder på nettsiden din og enten legger til alt-tekst eller merker dem som dekorative elementer.
Sidespråk
Hvis du angir språk for hver side på nettsiden din, kan skjermlesere lese opp innholdet korrekt. Se denne guiden for steg-for-steg-instruksjoner: Hvordan angir jeg språk for en side i Nettsidebygger?
Lydinnhold
Teksting og transkribering for lyd og video
Det er ikke mulig å legge til teksting eller generere transkripsjoner med alternativet selvhostet video i Nettsidebygger. Du kan likevel løse dette på to måter:
- Last opp videoer via YouTube i stedet – dette gjør at videoene kan vises med teksting. Les mer i guiden: Legg til en YouTube-video på nettsiden din.
- Legg til transkripsjoner separat som en lett tilgjengelig fil på nettsiden. Du kan bruke dokumentfunksjonen til dette. Les mer i guiden: Hvordan kan jeg bygge inn et dokument på Nettsidebygger-siden min?
Struktur og design
Semantiske overskrifter
Bruk en semantisk overskriftsstruktur (H1, H2, H3, avsnitt) i tekstoppsettet på nettsiden. Denne strukturen organiserer innholdet logisk og tydelig gjennom HTML-tagger. Hjelpemiddelverktøy, som skjermlesere, bruker dette til å forstå innholdet og formidle det i riktig rekkefølge.
I Nettsidebygger-editoren er hver overskrift tydelig merket (overskrift 1, overskrift 2 osv.) når du bruker en tekstkomponent. Du kan velge en overskrift fra sidepanelet når du legger til en ny tekstkomponent på nettsiden eller redigerer overskriften i egenskapspanelet for eksisterende tekstkomponenter.
Nettsidebygger-maler inneholder som standard tydelige overskrifter og etiketter som følger denne logikken.
Kontrastforhold for tekst
Minimumskravene for kontrastforhold på nettsider er:
- Overskrifter: 3:1
- Avsnitt: 4.5:1
Slik justerer du kontrastforholdet i Nettsidebygger:
Hvis fargetema-funksjonen er slått PÅ:
Hvis du bruker et fargetema på nettsiden din, bør du redigere kontrastforholdet via fargetema-innstillingene. Denne guiden forklarer hvordan du gjør det: Bruk av Fargetema i Nettsidebygger.
Hvis fargetema-funksjonen er slått AV:
Når fargetemafunksjonen er deaktivert, bør du redigere kontrastforholdet via de globale innstillingene:
- Gå til Malinnstillinger nederst til høyre i Nettsidebygger-editoren.
- Klikk på Rediger malstil i menyen som vises.
- Du får nå en oversikt over alle tekststiler (tekst, lenker, meny, knapp og tabell). Klikk på tekstfarge-ikonet for hvert element for å få tilgang til fargeinnstillingene. Du kan velge en farge via fargevelgeren eller angi en hex-kode.
Merk: Nettsidebygger viser ikke eksakte kontrastforhold, men du kan bruke eksterne verktøy, som dette verktøyet fra WebAIM. Her kan du legge inn hex-kodene for forgrunn og bakgrunn, og deretter justere fargen til du har riktig kontrastforhold og tilsvarende hex-koder. Du kan deretter kopiere og lime inn disse kodene i Nettsidebygger.
Ikke-tekstlig kontrast
Farger på elementer uten tekst, som seksjonsbakgrunner eller knappfarger, kan justeres via fargetema-innstillingene eller de globale malinnstillingene, som beskrevet over.
Du kan også endre farger og stiler i komponentens egne innstillinger. Hvis du for eksempel klikker på en seksjon, topptekst eller bunntekst, vil du se alternativet for å endre elementets farge eller stil.
Navigasjon
Tastaturtilgang
Vi anbefaler å holde innholdet tydelig og unngå kompliserte elementer, som innhold som vises ved fokus eller hover-bokser.. Sistnevnte kan erstattes med vanlige bilder og lenker.
Merk at nedtrekksmenyer er tilgjengelige via tastatur.
Stoppe, pause eller skjule innhold
Alle bevegelige eller interaktive elementer på nettsiden må kunne kontrolleres eller skjules manuelt. Sjekk spesielt følgende innhold hvis du har det på nettsiden din:
- Bildeviser: Autoavspilling er aktivert som standard for denne komponenten, men du kan slå det av og legge til manuelle kontroller. Gå til Innstillinger for bildeviser, og velg deretter Navigasjon for å få tilgang til disse innstillingene.
- GIF-er: Unngå å laste opp GIF-er via bildekomponenten hvis de ikke har kontroller.
- Bakgrunnsbilder og -videoer: Disse elementene har for øyeblikket ikke en funksjon for avspilling/pause, men vi jobber med en løsning for å imøtekomme dette kravet. I mellomtiden anbefaler vi å unngå bevegelige bakgrunnsbilder eller videobakgrunner.
- Videoer: Sørg for at videoene har synlige kontroller, og at autoavspilling er slått av. Du kan lese mer om videoinnstillinger i guiden vår: Hvordan legger jeg til en video på Nettsidebygger-siden min?
Blinkende innhold
Innhold som inneholder mer enn tre blink per sekund bør unngås. Nettsidebygger har ikke standardinnhold som blinker, men du kan laste det opp selv. Vi anbefaler å unngå dette, eller gi brukeren mulighet til å kontrollere og hoppe over innholdet manuelt.
Relaterte artikler: