Universell utforming for stories med Gobi Stories – steg-for-steg
Målet med universell utforming er å sikre at alle brukere – inkludert personer med nedsatt syn, hørsel eller andre funksjonsnedsettelser – kan oppleve og forstå innholdet i dine stories. Dette er ikke bare god praksis, men også et krav for offentlige aktører gjennom WCAG (Web Content Accessibility Guidelines).
Nedenfor finner du en praktisk steg-for-steg-guide for hvordan du sikrer at stories publisert i Gobi er universelt utformet.
1. Legg til undertekst (subtitles)
Undertekster gjør stories tilgjengelige for brukere som ikke kan høre lydsporet, eller som foretrekker å lese.
Slik gjør du:
- I redigeringspanelet, velg "Edit subtiles".
- La AI gjøre magien eller skriv inn tekst manuelt for hver scene.
- Sørg for at teksten er nøyaktig og samsvarer med det som blir sagt
2. Legg til "Closed Caption" (CC)
Closed captions inkluderer mer enn bare tale – de kan forklare lyder, musikk og annet.
Eksempel:[Musikk starter], [Døra smeller]
Slik gjør du:
- Aktiver CC i samme panel som undertekst.
- Legg til lydbeskrivelser der det er relevant.
- Sørg for god kontrast mellom tekst og bakgrunn.
3. Legg til video description (tekstbeskrivelse av innhold)
For brukere som ikke ser skjermen, er en kort beskrivelse av det visuelle nyttig.
Eksempel: "En person sitter ved et skrivebord og smiler til kamera."
Slik gjør du:
- Klikk på Video description.
- Skriv en kort setning som beskriver handlingen eller stemningen i scenen.
4. Tekstlig beskrivelse av thumbnail
Tekstlig beskrivelse av thumbnail må også være tilgjengelige for alle stories.
Eksempel:"To studenter som ler mens de ser på en mobiltelefon."
Slik gjør du:
- Legg inn en alt-tekst for thumbnailen, finn "Change thumbnail" i venstre menu
- Beskriv hva thumbnailen viser uten å bruke "bilde av".
5. Tekstbeskrivelse av image-stickers og link-stickers
Image-stickers og link-stickers må forklares for brukere som benytter skjermleser.
Eksempel:"Klikk her for å lese hele artikkelen."
Slik gjør du:
- Når du legger til en sticker, finn "T" og skriv inn en kort tilgjengelighetsbeskrivelse.
6. Forklarende tittel på embed
Når du legger stories på nettsiden din, legg alltid til en forklarende tittel i iframe- eller embed-koden. Dette hjelper både skjermlesere og SEO.
Eksempel:
<iframe title="Story om årets kulturfestival" src="..."></iframe>
7. Kontroller bevegelse i thumbnail
Bevegelse i thumbnails kan være distraherende for brukere med kognitive utfordringer.
- Sørg for at animasjoner ikke overstiger 3 bilder per sekund.
- Hvis du bruker animert thumbnail (GIF/video), test at den ikke blinker for raskt.
Avslutning og beste praksis
Ved å følge disse stegene sørger du for at stories er:
- Lesbare og forståelige for alle.
- Tilgjengelige for skjermlesere.
- I tråd med WCAG-kravene som offentlige aktører må etterleve.
Les mer
🔗 Du kan lese den oppdaterte tilgjengelighetserklæringen her
Har du spørsmål eller ønsker hjelp til å gjøre innholdet ditt mer tilgjengelig? Ta gjerne kontakt med oss på contact@gobistories.com.
