Retningslinjer for rodekors.no

Sjekkliste for bilder:

• Husk riktig format (JPEG) og størrelse (maks 500 KB)
• Alle bilder skal ha en meningsbærende tittel og alternativ tekst
• Alle bilder må legges inn i bildeblokker før de brukes på siden
• Du må alltid ha tillatelse til å bruke bilder på nettsiden
• Husk riktig kreditering av fotografen

Bildeformat og størrelse

Alle bilder på rodekors.no skal være i JPEG-format og størrelsen må ikke overstige 500 kilobyte (KB). Store bilder på mange megabyte (MB) hindrer rask nedlastning/visning og er dessuten dårlig for klima og miljø (på grunn av kraftkrevende servere).

Meningsbærende filnavn

Alle bilder skal ha et meningsbærende filnavn før de lastes opp i Episerver, for eksempel: 251012_Knut_Nittedal_Samling_Hjelpekorps.jpg [ååmmdd] +[hvem/hva]. Unngå filnavn som IMG-7243.jpg. 

Alternativ tekst

Alle bilder på nettsiden skal ha en alternativ tekst (alt-tekst). Dette er en kort og nøytral beskrivelse av hva bildet inneholder, for eksempel: En kvinne med rød uniform gir førstehjelp til skadet person som ligger på bakken.

Se publiseringsguiden for mer hjelp.

Alternativ tekst er viktig for å inkluderer de som ikke kan se bildet, men som får det lest opp med et skjermleser-verktøy. Det er også bra for søkemotor-optimalisering (SEO) fordi søkemotorer bruker alt-teksten til å forstå innholdet i bildene. 

Bildeblokker

Alle bilder på nettsiden må lagres i bildeblokker før de kan brukes på en side. Bildeblokker sikrer at bildebeskrivelse og alternativ tekst henger sammen med bildet. Unntaket er toppbilder som dras rett i en integrert bildeblokk (ingressbilde) under instillinger for siden. 

Husk å gi bildeblokken et meningsbærende navn [ååmmdd] + [blokk-type] + [meningsbærende tittel]. Da blir den enklere å finne igjen, både for deg og andre. Eksempel: 250712_BILDE: Hjelpekorps leteaksjon Hardanger

Bildekredittering

Alle bilder på nettsiden skal ha riktig kreditering, det vil si [fotografens navn] + [ev. navn på organisasjon/byrå]. For eksempel: Henry Dunant, Grimstad Røde Kors. Hvis du er usikker på hvordan du skal kreditere et bilde, kan du sende en e-post til: webdialog@redcross.no 

Samtykke til å bruke bilder 

Du må alltid ha tillatelse til å bruke et bilde på nettsiden, noe som krever samtykke fra fotograf/byrå og de som er avbildet. Dette gjelder uavhengig av om bildet er tatt i Røde Kors-sammenheng.

Vær spesielt forsiktig med bilder av barn (her må du innhente eksplisitt samtykke fra foreldre) og andre sårbare grupper. Hvis du ikke vet hvem som har tatt bilde bør du som hovedregel vurdere et annet bilde. Tips: høyreklikk på bildet for å se om det kan ligge meta-data med bildefilen. 

Troverdighet

På nettsiden tilstreber vi alltid å bruke genuine Røde Kors-bilder (ansatte/frivillige/deltakere i ekte situasjoner). Vi skal aldri vise sårbare mennesker i uheldige situasjoner. I noen tilfeller kan det være greit å benytte illustrasjonsbilder, men vær varsom med bruken. Det kan for eksempel være aktuelt når det er viktig å forklare noe i en tekst og vi ikke har egnede bilder med samtykke, eller hvis det er nødvendig for å beskytte enkeltpersoner eller sårbare grupper.

Sjekkliste for dokumenter:

• Dokumenter på nettsiden skal være i PDF-format. 
• Alle dokumenter skal ha en meningsbærende tittel (dato + beskrivelse av innholdet).
• Dokumenter skal lastes opp under fanen "medier" i ressursmenyen. 

Dokumenter og universell utforming

Flere vanlige programmer har funksjoner for å sjekke tilgjengelighet, for eksempel Microsoft Word (til word-dokumenter) og Adobe (til pdf-filer).  Funksjonen heter gjerne "kontroller/sjekk tilgjengelighet".

Les mer hos UU-tilsynet: Dokumenter på nettsider.

En god brukeropplevelse på sidene er viktig av flere grunner, blant annet for å styrke tilliten og omdømmet til Røde Kors. Når innholdet på nettsiden er lett å finne, forstå og bruke, er sjansen større for å oppnå gode resultater. På nettsiden jobber vi etter to viktige prinsipper:

• Klarspråk: handler om korrekt, klar og brukertilpasset kommunikasjon. Vi ønsker at målgruppen skal finne det de trenger på nettsiden vår, forstå det de finner og enkelt kunne bruke det.
  
  Les mer: Språkveilederen til Røde Kors (på Korsveien)
  
  
• Kjernemodellen: For å nå egne mål må vi først løse brukeroppgavene (det brukeren kommer til nettsiden for å gjøre). Derfor tar vi alltid utgangspunkt i det brukeren leter etter eller trenger hjelp med. Dette er også nøkkelen til god prioritering av innholdet vårt.
  
  Les mer: Om kjernemodellen (ekstern side)

Sjekkliste:

• Alle lenker skal ha et meningsbærende navn og en koblingstittel
• Sjekk at alle lenker du bruker faktisk fungerer
• Ikke bruk fete bokstaver eller kursiv som lenker
• Ikke bruk overskrifter eller mellomtitler som lenker 
• Knapper kan brukes for å fremheve en lenke

Les mer: Retningslinjer for universell utforming (lenker)

Lenkenavn og koblingstittel

Alle lenker på nettsiden skal ha et meningsbærende navn. Husk å fylle inn koblingstittel, som gir informasjon om hva lenken går til. Lenker skal som hovedregel åpnes som "ny side i samme vindu". I noen tilfeller kan du også bruke "åpne lenke i ny fane", for eksempel når brukeren skal laste ned et dokument eller når lenken peker til et annet område/ekstern nettside.

Lenker til andre sider 

Vær forsiktig med å bruke mange lenker i teksten. Det ødelegger leseflyten og kan virke både distraherende og forstyrrende. Du bør unngå lenker som krever pålogging, om det ikke er absolutt nødvendig.

Viktig: Vi lenker kun til sider som er sikret med HTTPS (dette kan du sjekke i nettadressen/url-en til siden). Sider med kun HTTP er ikke sikre.

Sjekk lenkebrudd

Påse at du ikke har lenkebrudd på sidene dine (dette kan du overvåke og sjekke i Siteimprove). Typiske lenkebrudd oppstår når:

• En side er flyttet eller slettet
• Dokumenter er slettet, uten at lenken er oppdatert/fjernet
• Bilder er slettet i arkivet, uten at de er "avlenket" i aktive bildeblokker
• Stavefeil i nettadresser (URL) 

Husk også at andre sider kan ha lenket til siden din. Hvis du skal slette en side er det viktig å fjerne eller endre/rute om lenker som peker til siden du skal slette (gjelder bare sider på rodekors.no).

Bruk av knapper 

Hvis du ønsker å fremheve en lenke på siden din kan knapper være et fint alternativ. Grå knapper brukes til vanlige lenker som: "kontakt distriktstyret", "mer om våre aktiviteter" eller lignende.

Dette er en eksempel-knapp

Røde knapper brukes kun som Call To Action (CTA), for eksempel "bli frivillig", "støtt arbeidet vårt" eller andre giverutløsende handlinger. Disse må legges inn som blokker før de kan brukes på en side.

Et godt samspill mellom nettsidene våre og andre kommunikasjonskanaler er viktig for å oppnå gode resultater. Trafikken til sidene våre skaper seg nemlig ikke selv, den må fortjenes. Folk besøker sidene våre når vi har innhold som de ser nytten av. De fleste finner veien gjennom søkemotorer som Google og sosiale medier, eller direkte gjennom lenker i for eksempel nyhetsbrev.

Siteimprove

I Røde Kors bruker vi Siteimprove til å måle trafikk og overvåke feil på nettsidene, som brutte lenker og tilgjengelighet (UU). Vi anbefaler alle redaktører å bruke dette verktøyet aktivt til å følge med på egne sider. Bruk gjerne innsikten du får til å sette gode mål for innholdet ditt.

Trenger du en brukerkonto? Kontakt web-administrator: webdialog@redcross.no. 

Riktig bruk av titler og overskrifter er viktig for å sikre god tilgjengelighet (universell utforming) og søkemotoroptimalisering (SEO).

I brødteksten starter du alltid med "Overskrift 2" for overskrifter og mellomtitler. Hvis du har du mange underavsnitt kan du vurdere å bruke "Overskrift 3". Fet skrift skal KUN brukes til uthevning. 

Vi følger denne logikken:

Overskrift 2 (kommer alltid først)

Overskrift 3 (kommer etter, ved behov)

Det er også viktig å huske at:

• Overskrifter og titler skal ikke brukes som lenker.
• Kursiv (benyttes i begrenset omfang).

Mennesker med nedsatt funksjonsevne er avhengig av informasjon og tjenester som er tilgjengelige. Når vi følger kravene til universell uforming blir nettsiden bedre for alle. I tillegg er det bra for søkemotor-optimalisering (SEO). 

Alle som publiserer innhold på rodekors.no et ansvar for å sikre at universell utforming (UU) og god tilgjengelighet ivaretas ved bruk av bilder, grafikk, video og dokumenter.

Les mer her:

• Bilder, grafikk og video (rodekors.no)
• Krav til universell uformning (UU-tilsynet)