Universell utforming

Universell utforming av innhold og undervisningsmateriell

Alt innhold som publiseres p? nett eller til undervisning skal v?re universelt utformet. Dette gjelder innhold i Vortex, Canvas og andre digitale tjenester hos UiO. Du kan lese mer om lovkravene for universell utforming og UiOs vurdering her.

Overskrift og tittel

Overskriftsniv?er strukturerer teksten og hjelper brukere med og uten hjelpemidler.

  • Alle sider skal ha en sidetittel. 
  • Hovedpoenget i hvert avsnitt b?r oppsummeres i en mellomoverskrift.
  • Overskriftsniv?er skal settes i riktig rekkef?lge og ikke hoppe over niv?er (g? fra overskriftniv? 2 til 3, ikke 2 til 4). 
  • Ikke bruk fet skrift p? br?dtekst for ? lage en overskrift. Bruk riktig overskriftsniv?.
  • Pass p? at det ikke er tomme overskrifter i innholdet.

L?r mer om overskrifter og titler p? hjelpeside om tekst og struktur (uutilsynet).

Lenker

L?r mer om utforming av lenker p? hjelpeside for lenker (uutilsynet).

Spr?k, skriftform og utheving

Bruk klarspr?k 

Spr?ket vi bruker er viktig for ? gj?re innholdet forst?elig. Her er noen ting du kan tenke over:

  • Hvem skriver du for? Er det folk i eller utenfor fagfeltet?
  • Hva skal du formidle?
  • Skriv kort og kom til poenget.
  • Ikke referer til visuell plassering av innholdet, som ?i boksen til venstre?. Bruk heller lenker for ? guide til innholdet.

For flere gode tips om klarspr?k se p? Spr?kr?dets sjekkliste for generelle skrivetips.

Spr?k p? innholdet

  • Pass p? at riktig spr?k er valgt. Hvis innholdet er p? norsk, skal spr?ket p? siden settes til norsk. Hvis innholdet er p? engelsk, skal spr?ket settes til engelsk. 
  • Hvis deler av innholdet er p? et annet spr?k enn resten av siden, skal det markeres i koden. 

L?r mer om hvordan du setter riktig spr?k p? hjelpeside for spr?k i koden (uutilsynet). 

Utheving

  • Ikke bruk understrek for ? fremheve ord eller setninger, dette kan feilaktig oppfattes som lenker.
  • Bruk kun kursiv for ? gi trykk til enkelte ord eller i sitater over tre linjer.
  • Bruk kun fet skrifttype for ? fremheve viktige ord, ikke som overskrifter eller i hele setninger.

Farge og kontrast

Farge skal ikke v?re det eneste virkemiddelet for ? formidle informasjon. L?r mer p? uutilsynets hjelpeside om bruk av farge. 

Fargene som brukes m? ogs? ha god nok kontrast. Kravene til kontrast er:

  • Minimum 4,5:1 for liten tekst (19 px).
  • Minimum 3,0:1 for stor (24 px) eller fet tekst.
  • Minimum 3,0:1 for grafikk og ikke-tekstlig innhold mot farge(r) som ligger ved siden av. Dette gjelder ogs? i diagrammer og grafer. 

Designet og rammeverket skal ivareta god nok kontrast. Formater innholdet riktig og ikke endre farger for ? ivareta dette. 

For mer om kontrast:  

Bilder og grafikk

Bilder kan v?re et nyttig supplerende virkemiddel for ? formidle innhold fra tekst. Et tekstalternativ til bildet gj?r at de som ikke ser bildet, kan tolke innholdet i det.

  • Alt-teksten skal beskrive motivet eller meningen i bildet. Skriv alt-teksten slik du ville forklart det til noen du snakker med i telefonen.
  • Om bildet er en lenke, skal alt-teksten beskrive lenkem?let.
  • Alt-tekst og bildetekst er ikke det samme. Alt-tekst beskriver bildets motiv, mens bildetekst formidler form?let med bildet.
  • Unng? bilder av tekst. Tekst skal, s? langt det g?r, presenteres som tekst. Da kan teksten forst?rres uten ? miste kvalitet og er tilgjengelig for hjelpemidler.
  • Noen ganger er det n?dvendig med bilde av tekst, som i et diagram. Da skal alt-teksten beskrive form?let og hovedinformasjonen, samtidig som den detaljerte informasjonen i tillegg presenteres som tekst. 
  • Informasjon i et bilde skal formidles med et tekstalternativ. I en forelesning kan foreleser formidle informasjonen muntlig.

L?r mer om bilder og grafikk p? hjelpeside for bilder og grafikk (uutilsynet).

Video, forelesningsopptak og lyd

For at alle skal f? med seg innholdet i videoer, forelesningsopptak og lydklipp, skal det ogs? komme frem i tekstformat. 

Teksting av video og forelesningsopptak

  • Teksten kan enten v?re brent inn i videoen eller ligge som et tekstalternativ.
  • Teksten skal formidle innhold fra lyd og bilde.
  • Relevant lydinnhold som ikke er tale, skal beskrives (musikk, lydeffekter og lignende).
  • Det skal komme frem hvem som snakker, ogs? n?r de ikke synes i videoen.
  • Innholdet m? ikke gjengis eksakt, men alt som er vesentlig for konteksten skal tas med i korrekt rekkef?lge.
  • Tekstalternativet skal v?re visuelt plassert n?rt klippet og v?re mulig ? n? via en mekanisme (lenke, knapp eller lignende).
  • Forelesningsopptak er ogs? underlagt krav om tekstalternativ. UiOs vurdering av teksting av video.
  • NB! Synstolking av video et nytt lovkrav fra 1. februar 2024. Vi har per n? ingen god l?sning for dette og kommer tilbake med veiledning for synstolking senere.

Lyd

  • Hovedinnholdet fra opptaket skal komme frem i teksten.
  • Relevant lydinnhold som ikke er tale skal beskrives (musikk, lydeffekter og lignende).
  • Det skal komme frem hvem som snakker i riktig rekkef?lge.
  • Tekstalternativet kan plasseres over eller under der man n?r opptaket, og v?re mulig ? n? via en mekanisme (lenke, knapp eller lignende).

Andre nyttige lenker

Tabeller

Tabeller er en fin m?te ? presentere tabelldata p?, slik som en programoversikt eller statistikk.

  • Tabeller skal ikke brukes til ? styre oppsett og utforming av siden.
  • Ha overskrift i f?rste kolonne, f?rste rad eller i begge. Ikke bruk ?ingen?-alternativet i Vortex.
  • Gi tabellen en tittel. Det er nyttig for verkt?y som skjermlesere.

En tabell som bruker mer enn to overskriftsniv?er regnes som en kompleks tabell. Om du m? sette opp en kompleks tabell, kan du lese mer om det p? uutilsynets hjelpeside for bruk av tabeller.

Dokumenter (som PDF, PowerPoint og Word)

Hvordan kan jeg sjekke om innholdet mitt er universelt utformet?

Ressurser

E-l?ringskurs

Nyttig lesning

Publisert 17. juni 2022 13:46 - Sist endret 19. apr. 2024 15:48
Del p? e-post