Tekstalternativer for bilder
Alt visuelt innhold må være tilgjengelig for brukere som har nedsatt syn. Dette betyr at:
- Alle bilder skal ha en beskrivende alternativ tekst (alt-tekst) som kan leses av skjermlesere.
- Dekorative bilder kan merkes som «dekorative» for å unngå unødvendig støy for skjermleserbrukere.
🔎 Eksempel: I stedet for å la det stå "bilde1.jpg", bør du bruke en alt-tekst som beskriver bildet. For eksempel: En person som jobber på en laptop på et lyst kontor."
Undertekster og synstolking for videoer
Forhåndsinnspilte videoer må være forståelige også for personer med hørsels- eller synsnedsettelser.
- Undertekster er obligatoriske for alt videoinnhold.
- Det kreves også synstolking av videoer som er publisert av organisasjoner i offentlig sektor.
💡 Tips: Det finnes mange gode verktøy som automatisk genererer undertekster, som kan gjøre denne delen av arbeidet ditt lettere. Men husk å alltid gå gjennom innholdet manuelt i etterkant for å sikre nøyaktighet og høy kvalitet på undertekstene.
Strukturert innhold
God struktur gjør nettsiden enklere å navigere for alle brukere, spesielt dem som bruker hjelpemidler som skjermlesere.
✅ Sjekkliste:
- Skriv klare, beskrivende overskrifter: Gjør det lett for brukere å skanne siden.
- Kort ned lange tekster med avsnitt: Del opp innholdet for bedre lesbarhet.
- Ha en tydelig rekkefølge: Hold en logisk struktur slik at innholdet er enkelt å følge.
- Bruk meningsfulle lenker: Lag lenker som beskriver innholdet, som «Les mer om universell utforming».
- Unngå tabeller for layout: Bruk tabeller kun for data, ikke for visuell struktur.
- Inkluder navigasjonsveiledning: Legg til innholdsfortegnelse ved lange dokumenter.
- Bruk visuelle hjelpemidler forsiktig: Velg ikoner som støtter innholdet uten å erstatte tekst.
- Test med skjermlesere: Sjekk at strukturen fungerer godt med hjelpemidler.
Tilgjengelige dokumenter
Dokumenter som lastes opp på nettsiden, som PDF-er eller Word-filer, må også være universelt utformet.
- Bruk strukturelle elementer som overskrifter, lister og tabeller.
- Sørg for at dokumenter kan navigeres med tastatur og skjermlesere.
💡 Tips: Verktøy som Adobe Acrobat Pro har funksjoner for å sjekke og forbedre tilgjengeligheten i PDF-filer.
Kontrast og lesbarhet
Farger og kontraster har stor betydning for synshemmede brukere:
- Tekst skal ha tilstrekkelig kontrast mot bakgrunnen.
- Unngå små fontstørrelser og kompliserte skrifttyper.
💡 Tips: Bruk gratis verktøy som WCAG Contrast Checker for å sjekke kontraster.
Tastaturnavigasjon
Alle funksjoner på nettsiden må være tilgjengelige uten mus, kun ved bruk av tastatur:
- Test at brukere kan navigere gjennom innholdet med TAB-tasten.
- Fokuser på tydelig fokusmarkering, som for eksempel en ramme rundt elementer.
Tydelig språk og design
Klart og enkelt språk er en viktig del når det gjelder universell utforming.
Sørg for at:
- Teksten er lett å forstå
- Du unngår unødvendig fagspråk.
- Navigasjonen er intuitiv med tydelige og beskrivende knapper og lenker.
- Lenkene er skrevet ut i fulltekst
🔎 Eksempel: I stedet for å lenke videre til annet innhold ved å skrive Les mer , skriv heller Les mer om kravene til universell utforming på uutilsynet.no.
Tilgjengelighetserklæring
Offentlige virksomheter må publisere en tilgjengelighetserklæring som beskriver hvordan nettsiden overholder kravene til universell utforming. Denne skal være lett tilgjengelig for brukerne.
Derfor er universell utforming så viktig
Som webredaktør har du ansvaret for å utfylle kravene til universell utforming i praksis. Ved å bruke WCAG-retningslinjene som et rammeverk, teste nettsidene jevnlig, og holde deg oppdatert på nye krav, kan du bidra til å bygge en mer tilgjengelig digital verden.
På den måten sikrer du at nettsiden din:
- Er inkluderende og når ut til hele publikumet ditt.
- Bidrar til en bedre brukeropplevelse for alle.
- Overholder lovpålagte krav og du unngår klager eller bøter.
Hva kan du få hjelp med?
Vi står alltid klar til å hjelpe dere med universell utforming!
Ta kontakt med Herman for å få:
- Eksperttestet nettsiden basert på WCAG 2.1: Dere vil motta en rapport fra oss med funn og eventuelt hvilke endringer vi anbefaler dere gjøre med tanke på design og innhold.
- Utfylling av tilgjengelighetserklæringen i samarbeid med dere: Trenger dere bistand til å utføre endringene, eller å fylle ut erklæringen? Det kan vi selvfølgelig også hjelpe med!
- Gjennomføre kurs og workshops i klarspråk og produksjon av innhold: På den måten er dere godt rustet i til å lage gode, oversiktlige og tilgjengelige nettsider for alle og en hver!
- … og andre aktiviteter som kan ha stor nytteverdi for din organisasjon.
Herman hjelper deg gjerne! 👋🏻