Universell utforming på nett

Bilder skal ha alternativ tekst

Vi bruker alternative tekster først og fremst for å beskrive bilder til mennesker med funksjonsnedsettelser, som svaksynthet og blindhet. Men alternative tekster er også med på å forklare nettsidens innhold til søkemotorer som Google.

• En alternativ tekst er en objektiv beskrivelse av det som er avbildet.
• Alle bilder skal ha en alternativ tekst, med mindre bildet er utelukkende dekorativt.
• Du får enten valget om å legge til en alternativ tekst ved opplasting, eller under bruk.

Bilder skal ha gode filnavn

Bilder skal ha gode filnavn som kun består av bokstaver, tall og bindestreker. Unngå spesialtegn, mellomrom og unødvendige tallrekker.

Godkjent: Student-i-bibliotek.jpg eller Student-i-bibliotek-4.jpg
Underkjent: photo _392.jpg

Unngå bilder av tekst

Vi skal ikke bruke bilder av tekst. Enkle logoer er godkjent, reklameplakater er underkjent.

Unntaket er detaljerte bilder og illustrasjoner som forklarer prosesser, strukturer, hierarki og lignende, som ikke enkelt lar seg forklare via tekst. Men i de tilfellene slike bilder deles, skal den alternative teksten grundig beskrive det som er illustrert eller avbildet.

Titler skal brukes i riktig rekkefølge

• H1-titler skal det være én av per side. Denne tittelen kommer ofte som standard. Eksempel: Om Nord universitet
• H2-titler er en standard mellomtittel. Eksempel: Våre fakulteter
• H3-titler skal brukes som tittel under mellomtittel. Eksempel: Fakultet for biovitenskap og akvakultur
• H4 kan brukes, men bør unngås.
• H5 og H6-titler bør unngås.

Det er viktig at titler brukes i riktig rekkefølge, du kan ikke hoppe fra H1 til H3.

Lenker skal være beskrivende

• Vi skal lage enkle, men forklarende lenker som beskriver hva det lenkes til.
• Ikke lim lenken rett inn uten å legge til en lenketekst. Eksempel: https://www.nord.no/om/.
• Lenketeksten skal ikke være for kort.
• Ikke skriv «Klikk her» eller «Her kan du lese mer om».
• Når du lenker til en fil, sett filnavnet i parentes til slutt. Eksempel: Offentlig journal for august 2023 (PDF).

Ny fane

• Alle eksterne nettsider skal åpnes i en ny fane.
• Interne nettsider skal ikke åpnes i en ny fane.

Tabeller skal ha overskrift

Alle tabeller skal ha en overskrift for hver kolonne.

Innebygde rammer skal ha en «title» som beskriver formålet. Dette gjelder både <iframe> og <embed>.

Dokumenter bør unngås

• Opplasting av Word- og Excel-dokumenter skal unngås.
• PDF skal kun lastes opp i tilfeller der det er svært ressurskrevende å gjøre om innholdet til HTML/webinnhold.

Dokumenter skal ha gode filnavn

Dokumenter skal ha gode filnavn som kun består av bokstaver, tall og bindestreker. Unngå spesialtegn, mellomrom og unødvendige tallrekker.

Godkjent: Offentlig-journal-09-23.pdf
Underkjent: offentligjournal 923.pdf

Dokumenter skal være universelt utformet

Universell utforming av ulike filtyper: Universell utforming av IKT

Video

NB: For å tilfredsstille dette kravet på nord.no, må du lime videoens embed-kode inn i blokken Custom HTML.

• Videoer som bygges inn på nettsiden skal ha en «title» som beskriver formålet. Dette gjelder både <iframe> og <embed>.
• Videoer skal være tekstet.

Lyd

• Lydklipp skal ha et tekstalternativ som beskriver innholdet på en god nok måte til å kunne forstå budskapet eller formålet med lydopptaket.
• Tekstalternativet skal være visuelt plassert nær lydklippet.

• Norsk og engelsk skal ikke blandes på en og samme side.
  Det samme prinsippet gjelder for bokmål og nynorsk.
• Engelskspråklig innhold skal være under https://www.nord.no/en.

God kontrast på webinnhold er viktig. Det gjelder lenker, knapper, lister, tabeller og alle andre innholdselementer som vi bruker på våre nettsider. Ved normal bruk av disse elementene, skal kontrasten vanligvis være mer enn bra nok. Men unngå vanlige fallgruver, som for eksempel en gul lenke på en gul bakgrunn eller et grønt element på en grønn bakgrunn.