Universell utforming (UU)
Internett skal være for alle. Hvordan koder vi nettsider slik at de kan brukes av personer med nedsatt syn, hørsel, motorikk eller kognisjon? Og hvilke regler gjelder for deg?
1. Hva betyr Universell Utforming?
Universell utforming (ofte forkortet UU, eller a11y internasjonalt) betyr å designe og programmere nettsider og apper slik at de er tilgjengelige for alle mennesker – uansett funksjonsevne, alder eller teknisk utstyr.
Syn
Svaksynte, blinde eller fargeblinde. De bruker kanskje skjermlesere (program som leser opp koden med syntetisk tale), forstørrer teksten eller trenger høy kontrast.
Hørsel
Døve eller hørselshemmede trenger teksting på videoer og tekstalternativer for lydklipp og varsellyder.
Motorikk
Brukere med skjelvinger, leddgikt, lammelser eller bare en brukket arm. De navigerer ofte med tastatur, øyestyring eller spesielle brytere fremfor en vanlig mus.
Kognisjon
Brukere med dysleksi, konsentrasjonsvansker eller ADHD. De trenger et ryddig design, klart språk og forutsigbar oppbygning uten forstyrrende elementer.
UU hjelper faktisk alle! (Situasjonsbetingede behov)
Universell utforming handler ikke bare om varige funksjonsnedsettelser. Tenk på situasjoner du selv opplever jevnlig:
- Du sitter i en bråkete buss uten hodetelefoner: Teksting på video lar deg likevel få med deg innholdet.
- Du står ute i sterk sol: God fargekontrast gjør at du fremdeles kan lese teksten på mobilskjermen.
- Du holder en handlepose med én hånd: Store klikkflater lar deg trykke på knapper med tommelen.
2. De fire grunnpilarene i WCAG (POUR / MFBK)
De internasjonale retningslinjene for universell utforming kalles WCAG (Web Content Accessibility Guidelines). Disse er bygget opp rundt fire grunnleggende prinsipper:
Mulig å oppfatte (Perceivable)
Informasjon og brukergrensesnitt må presenteres for brukeren på måter de kan oppfatte med sansene sine.
Viktige eksempler i praksis:
- Tekstalternativer for ikke-tekstlig innhold (f.eks. alt-tekster på bilder).
- Tilstrekkelig fargekontrast mellom tekst og bakgrunn.
- Teksting på videoer og lydopptak.
- Informasjon skal ikke formidles utelukkende ved hjelp av farge alene (f.eks. grønn/rød strek).
3. Se forskjellen: Prøv selv i koden
Små valg du tar i HTML og CSS har enorm betydning for hvordan andre opplever siden din. Test eksemplene under:
4. Hvor finner man reglene? (WCAG og Uu-tilsynet)
I Norge er universell utforming av IKT lovfestet. Her er de viktigste kildene og organene du bør kjenne til:
Den internasjonale standarden for web-tilgjengelighet. Standarden er delt inn i tre nivåer: A (minimum), AA (god standard) og AAA (høyeste nivå). I Norge er nivå AA lovkravet.
Tilsynet for universell utforming av IKT (under Digitaliseringsdirektoratet / Digdir). De fører tilsyn, gjennomfører kontroller og tilbyr gode veiledere og sjekklister for utviklere.
Forskriften under Likestillings- og diskrimineringsloven som fastslår hvilke krav alle nettsider og apper rettet mot allmennheten i Norge må oppfylle.
Offentlige virksomheter i Norge må ha en egen tilgjengelighetserklæring på nettsiden som gjør rede for hvordan siden oppfyller kravene.
5. Hva gjelder for deg som privatperson?
Er du lovpålagt å følge alle kravene på din personlige nettside?
Kort svar: Nei, men du bør likevel følge prinsippene!
Hvem gjelder loven formelt for?
Forskrift om universell utforming av IKT-løsninger gjelder for virksomheter:
- Offentlige organer: Kommuner, statlige etater (som NAV, Skatteetaten), skoler og universiteter.
- Private virksomheter: Bedrifter, nettbutikker, organisasjoner og næringsdrivende som henvender seg til allmennheten.
Hvis en bedrift eller kommune bryter kravene, kan Uu-tilsynet gi dagbøter frem til feilene er rettet.
Hva gjelder for deg (privatperson/elev)?
Som privatperson som lager en egen hobby-nettside, en personlig blogg eller et skoleprosjekt (som ikke er en registrert bedrift eller næringsvirksomhet), er du ikke underlagt tilsyn eller bøter fra Uu-tilsynet.
Hvorfor skal du likevel kode universelt utformet?
- Inkludering: Besteforeldre, venner og alle besøkende kan bruke siden din uten problemer.
- Bedre SEO: Google fungerer som en skjermleser! God semantisk HTML og alt-tekster gjør at siden din rangerer høyere i søkemotorer.
- God programmeringsskikk: Ryddig HTML gjør koden lettere å vedlikeholde og forbereder deg til arbeidslivet.
🎯 Din enkle sjekkliste for egne nettsider:
- 1 Bruk semantisk HTML: Bruk
<header>,<nav>,<main>,<footer>og<button>i stedet for bare<div>. - 2 Skriv gode alt-tekster: Alle
<img>-tagger bør ha en beskrivendealt-tekst (elleralt=""hvis bildet kun er pynt). - 3 Sjekk fargekontrasten: Sørg for at teksten er mørk nok mot lys bakgrunn (eller lys nok mot mørk bakgrunn).
- 4 Test tastaturnavigasjon: Legg vekk musa og trykk på Tab-tasten. Klarer du å nå alle lenker og knapper? Vises det en tydelig fokus-ramme?
- 5 Bruk forståelige lenker: Skriv hva lenken fører til (f.eks. "Se åpningstider") i stedet for bare "Klikk her".