Universell utforming på nett

Bilder skal ha alternativ tekst

Alternative tekster blir brukt til å beskrive bilder til mennesker med funksjonsnedsettelser som svaksynthet og blindhet. I tillegg er alternative tekster med på å forklare nettsidens innhold til søkemotorer som Google.

Husk at:

• En alternativ tekst skal være en objektiv beskrivelse av det som er avbildet.
• Alle bilder skal ha en alternativ tekst, med mindre bildet kun er dekorativt.
• Alternative bilder kan enten legges til ved opplasting eller når du redigerer siden.

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 som hovedregel ikke laste opp bilder av tekst. Enkle logoer er godkjent, reklameplakater er underkjent.

Enkelte ganger er det nødvendig å dele bilder av prosesser, strukturer, hierarki og lignende. Her er det ekstra viktig med en alternativ bildetekst. Den alternative bildeteksten skal i slike tilfeller 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 skal 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.

(PS: tabeller med flere enn to kolonner fungerer ikke på mobil. Bruk kun to kolonner hvis du skal lage tabell.)

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.