Denne veiledningen er for deg som skal legge til bilder og videoer på sider i W4. Den dekker hvor du finner godkjente bilder, hvordan du laster dem opp, hvilke felt du må fylle ut, hva alt-tekst er og hvorfor det er viktig, og hvordan du legger til videoer.

Del 1: Bilder

Når skal du bruke bilder?

Bilder kan gjøre sider mer engasjerende, men bare hvis de er relevante. Vurder alltid om siden faktisk trenger et bilde før du legger til ett.

Unngå bilder når:

  • Siden er kort eller rent funksjonell.
  • Du ikke finner et relevant bilde av god kvalitet. Et manglende bilde er bedre enn et dårlig eller irrelevant ett.

Bruk bilder når:

  • Bildet illustrerer innholdet på siden direkte.
  • Siden krever et hovedbilde, slik som artikler eller arrangementer.
  • Bildet viser mennesker ved UiB i aktivitet, nærvær og engasjement.

Ikke bruk: bilder generert av kunstig intelligens (KI), bilder der tekst er hovedelementet (særlig som hovedbilde), eller utdaterte stockbilder.

Hvor finner du bilder?

Bruk alltid bilder du har rett til å bruke.

  • UiBs bildearkiv: Det primære stedet for bilder til uib.no. Inneholder et utvalg illustrasjonsbilder klarert for bruk. Tilgjengelig via profil- og webmanualen. Du må likevel kreditere fotografen i Fotokreditt-feltet.
  • Colourbox: UiB har abonnement på denne stockfototjenesten. Kan brukes i begrenset grad når det ikke finnes et passende UiB-foto, men stockbilder bør unngås. Ansatte og studenter kan registrere seg som brukere av Colourbox.

GDPR: Nye personvernregler krever i mange tilfeller dokumentert samtykke for bruk av bilder som viser gjenkjennelige personer. Se www.uib.no/fotosamtykke.

Slik laster du opp et bilde

  1. Gå til bildefeltet på siden din (f.eks. «Mediaelement» eller «Hovedbilde») og klikk «Legg til mediefil».
  2. En dialogboks åpner seg. Sørg for at «Bilde» er valgt i venstre panel.
  3. Klikk «Choose File» og velg bildet fra datamaskinen din. Tillatte filtyper: PNG, GIF, JPG, JPEG, AVIF, WEBP. Maks filstørrelse: 128 MB.
  4. Fyll inn alle påkrevde felt (se neste avsnitt).
  5. Klikk «Lagre». Bildet vil da vises i bildefeltet på siden.

Feltene som fylles ut når du laster opp bildet:

  • Tittel (påkrevd): Det tekniske navnet på bildet i mediebiblioteket. Bruk et beskrivende navn som inkluderer enhets- eller prosjektnavn, slik at du og kollegene dine enkelt kan finne bildet igjen. Eksempel: MatNat_studenter_campus
  • Alternativ tekst / alt-tekst (påkrevd): En kort beskrivelse av hva som vises på bildet. Brukes av skjermlesere. Eksempel: «Tre studenter står ute i Muséhagen, smiler og prater sammen.»
  • Tilpass til liggende format: Slå på denne bryteren hvis bildet alltid skal vises i liggende format på tvers av alle språkversjoner. Merk: Dette gjelder også hver gang den versjonen av bildet gjenbrukes andre steder på nettsiden.
  • Beskrivelse: Valgfritt internt notat. Vises ikke offentlig.
  • Fotokreditt (påkrevd): Navn på fotografen eller enheten som eier bildet. Eksempel: Eivind Senneset. Et bilde kan kun brukes hvis både rettighetshaveren og personene avbildet har gitt tillatelse.
  • Mediabeskrivelse (bildetekst): Den synlige bildeteksten som vises under bildet på publisert side. Ikke det samme som alt-teksten.

Alt-tekst – hvorfor er det viktig?

Alt-tekst er en av de viktigste tilgjengelighetsfunksjonene på et nettsted. Den leses opp av skjermlesere for brukere som er blinde eller har nedsatt syn, og vises i stedet for bildet hvis det ikke kan lastes inn.

Slik skriver du god alt-tekst:

  • Beskriv innholdet i bildet, ikke utseendet som designelement.
  • Vær konsis men informativ, én eller to setninger er som regel nok.
  • Ikke begynn med «Bilde av…». Skjermlesere annonserer allerede at det er et bilde.
  • Rent dekorative bilder som ikke formidler informasjon kan ha tom alt-tekst. For alle andre bilder er alt-tekst påkrevd.
  • Skriv alltid alt-tekst på riktig språk for den aktuelle språkversjonen. Å blande språk bryter kravene til universell utforming.

Oversette bildetittel og alt-tekst for toppbilder

Hvis siden har både en norsk og en engelsk versjon, må alt-teksten oversettes for begge.

  1. Klikk blyant-ikonet (✏️) på bildet i Mediaelement-feltet.
  2. Bilderedigeringspanelet åpner seg med nåværende tittel og alt-tekst.
  3. Klikk «Oversett» øverst i panelet for å bytte til den andre språkversjonen.
  4. Oppdater Tittel og alt-tekst på målspråket.
  5. Klikk «Lagre».

Photo-feltet (fotokreditt) trenger ikke oversetteselse. Det deles på tvers av alle språkversjoner.

Finne et bilde du har lastet opp tidligere

Alle bilder lastes opp i et felles mediebibliotek som deles av alle redaktører på uib.no. Slik finner du igjen dine egne bilder:

  1. Klikk «Legg til mediefil» og velg «Bilde» i venstre panel.
  2. Bruk søkefeltet «Navn» til å søke på bildetittelen, brukernavnet ditt eller prosjektnavnet.
  3. Bruk filteret «Migrert fra w3» for å skille W4-innhold fra det som ble migrert fra det gamle W3-nettstedet.
  4. Klikk «Bruk filter». Bytt mellom rutenett- og tabellvisning med knappene over resultatene.
  5. Velg bildet og klikk «Sett inn valgte».

Navngi bilder med enhetsforkortelse, f.eks. Geo_feltarbeid_vaar, da er de lettere å finne igjen, og du unngår å laste opp det samme bildet flere ganger.

NB! Bruk kun bilder du selv har lastet opp eller har eksplisitt tillatelse til å bruke.

Del 2: Videoer

Når skal du bruke videoer?

Bruk videoer når:

  • Innholdet har nytte av visuell demonstrasjon eller muntlig forklaring.
  • Du har en innspilt forelesning, presentasjon eller promoteringsfilm relevant for siden.
  • Videoen er tekstet og synstolket slik tilgjengelighetslovgivningen krever.

Unngå videoer når:

  • Innholdet kan formidles like effektivt gjennom tekst og bilder.
  • Videoen ikke oppfyller de påkrevde tilgjengelighetskravene.

Alle videoer på uib.no må oppfylle lovkravene om synstolking. Se veiledningen for synstolking og teksting.

Støttede videoplattformer

Panopto og Vimeo er å foretrekke fremfor YouTube når tradisjonell synstolking med separat lydspor er nødvendig. Videoer må være publisert før de kan legges til på en W4-side.

  • Panopto (anbefalt): UiBs egen videoplattform på mitt.uib.no. Anbefalt for forelesninger og instruksjonsvideoer.
  • Vimeo: Anbefalt for innhold med tradisjonell synstolking.
  • Youtube: Merk at YouTube foreløpig ikke støtter opplasting av eget lydspor for tradisjonell synstolking, og anbefales derfor ikke når full tilgjengelighetssamsvar er nødvendig.

Slik legger du til en video

  1. Klikk «Legg til mediefil» i Mediaelement-feltet og velg «Panopto/Youtube / Vimeo» i venstre panel.
  2. Søk etter en eksisterende video i biblioteket, eller lim inn URLen i URL-feltet og klikk «Legg til».
  3. Velg videoen og klikk «Sett inn valgte».

Bildetekst for videoer (Mediabeskrivelse)

Under Mediaelement-feltet finner du et felt kalt «Mediabeskrivelse». Her skriver du en bildetekst som vises synlig under videoen på den publiserte siden.

Bruk dette feltet til å gi kontekst for videoen. Skriv teksten på samme språk som den språkversjonen du redigerer.

Nyttige lenker