På www.uib.no må både det tekniske og det innholdsmessige oppfylle kravene til universell utforming. Kravene er definert i standarden Web Content Accessibility Guidelines (WCAG) 2.1, og er lovpålagt gjennom likestillings- og diskrimineringsloven.
Noe av dette løses teknisk i publiseringsverktøyet, men mye avhenger av deg som publiserer innhold. Denne siden gir en oversikt over de viktigste prinsippene.
Introduksjonsressurser
- Se UU-tilsynets video «Universell utforming på 2 minutter»
- Ta e-kurs i universell utforming (utviklet av Difi).
Kurset gir grunnleggende kunnskap som skal gjøre det lettere å lage innhold som er universelt utformet. Målgruppen er alle som jobber med tekst, bilder eller video/lyd på nett i offentlig sektor. Gratis og åpent for alle.
Språk
Skriv alltid på riktig språk i riktig språkversjon.
Engelsk innhold på norske sider (eller omvendt) bryter WCAG-krav 3.1.1, som krever at sidens språk er korrekt definert. Skjermlesere og andre hjelpemidler bruker dette til å lese opp tekst med riktig uttale og grammatikk.
Lenketekster
Lenketekster skal være beskrivende. Brukeren skal forstå hvor lenken fører før de klikker. Unngå lenketekster som «klikk her», «les mer» eller «her». Disse er meningsløse for brukere som navigerer med skjermleser, siden de kun hører lenketeksten uten omkringliggende tekst.
Eksempel:
Dårlig: «Du kan lese mer om bildebruk her.»
Bra: «Se UiBs retningslinjer for bildebruk.»
Bilder og alt-tekst
Bilder som inneholder meningsbærende informasjon må ha en alternativ tekst (alt-tekst). Alt-teksten leses opp av skjermlesere og vises hvis bildet ikke laster.
- Skriv en kort, konkret beskrivelse av hva bildet viser.
- Ikke bruk«bilde av». Skjermleseren sier allerede at det er et bilde.
- Rent dekorative bilder (som ikke tilfører informasjon) skal ha tom alt-tekst, slik at skjermlesere hopper over dem.
- Unngå bilder som inneholder tekst, særlig som hovedbilde. Tekst i bilder kan ikke forstørres, oversettes eller leses av skjermlesere.
Eksempel:
Dårlig: «Bilde av studenter i muséhagen»
Bra: «To studenter sitter på en benk i muséhagen og leser»
Bra: «Portrett av Kari Normann, professor ved Institutt for biologi»
Bra: «Universitetsmuseet i Bergen sett fra Muséplassen en sommerdag»
Video: teksting og synstolking
Alle videoer som publiseres på uib.no må oppfylle kravene til teksting og synstolking. Teksting gjør innholdet tilgjengelig for hørselshemmede og for brukere i støyende omgivelser. Synstolking beskriver det visuelle for blinde og svaksynte.
Se veiledningen for synstolking og teksting av video for detaljerte krav og fremgangsmåte.
Overskriftsstruktur
Riktig bruk av overskriftsnivåer (Overskift 1–Overskift 3) er viktig for at skjermlesere skal kunne navigere i siden. En side skal ha én H1 (sidetittelen, som settes automatisk), og videre bruke Overskift 2 for hovednivåer og Overskift 3 for undernivåer.
- Ikke hopp over nivåer. Gå ikke fra Overskift 2 direkte til Overskift 4.
- Ikke bruk overskrifter for styling. Bruk dem kun for å markere struktur.
- Ikke bruk fet tekst i stedet for en overskrift der innholdet faktisk er et nytt avsnitt.
Ressurser og verktøy
Lær mer om universell utforming
- Introduksjon til universell utforming – UU-tilsynet
- Web Content Accessibility Guidelines (WCAG) – W3C
- E-kurs i universell utforming for nettredaktører – DFØ (gratis)
Test din side
Du kan bruke nettleserutvidelser som Silktide og WAVE for automatisk tilgjengelighetstesting. Disse kan avdekke vanlige feil som manglende alt-tekst og feil overskriftsstruktur.