Universell design i apper – slik skaper du inkluderende løsninger
Jeg husker første gang jeg møtte på begrepet universell design i apper for alvor. Det var under et prosjekt hvor vi skulle lage en ny app for en kommune, og plutselig dukket det opp spørsmål jeg ikke hadde tenkt på før: «Hvordan bruker en blind person denne knappen?» og «Kan noen med Parkinsons sykdom navigere menyen vår?» Jeg må innrømme at det føltes litt overveldende først – vi hadde jo allerede så mange tekniske utfordringer å løse. Men det viste seg å bli en av de mest lærerike opplevelsene i karrieren min som tekstforfatter og rådgiver for tech-selskaper.
Universell design i apper handler ikke bare om å følge lover og regler (selv om det også er viktig). Det dreier seg om å skape digitale løsninger som fungerer for alle mennesker, uavhengig av evner, alder eller teknisk bakgrunn. Når jeg jobber med apputviklere i dag, ser jeg at de som virkelig forstår dette konseptet ikke bare lager bedre produkter – de når også et mye bredere publikum og skaper sterkere brukeropplevelser.
I denne artikkelen skal jeg dele alt jeg har lært om hvordan du som apputvikler kan implementere universell design for å nå et bredere publikum. Vi går gjennom praktiske teknikker, vanlige fallgruver og konkrete eksempler fra virkeligheten. Målet er at du skal kunne begynne å implementere disse prinsippene allerede i morgen – uansett om du jobber alene eller i et større team.
Hva er universell design i apper egentlig?
Altså, første gang noen forklarte universell design for meg, tenkte jeg: «Dette høres ut som noe man gjør etterpå, liksom som en ekstra funksjon.» Hvor feil jeg tok! Universell design i apper er faktisk noe man bygger inn fra dag én – det er en grunnleggende tilnærming til hvordan man designer brukeropplevelser. Det handler om å lage apper som er brukbare for så mange mennesker som mulig, uten at de trenger spesialtilpasninger eller alternative versjoner.
Konseptet kommer opprinnelig fra arkitekturen, hvor man lærte at det å designe for funksjonshemmede ofte gjorde bygninger bedre for alle. Tenk på rullestoilramper – de hjelper ikke bare rullestolbrukere, men også folk med barnevogner, bagasjekofferter eller bare tunge ting å bære. Det samme prinsippet gjelder for apper: løsninger som gjør appen tilgjengelig for personer med nedsatt syn, gjør den ofte lettere å bruke for alle – spesielt i sollys eller når man har hendene opptatt.
De syv grunnprinsippene for universell design ble utviklet på 1990-tallet, og jeg bruker dem fortsatt som rettesnor når jeg hjelper teams med app-utvikling. De er: brukbar for alle, fleksibel i bruk, enkel og intuitiv, formidle informasjon effektivt, tolerant for feil, lav fysisk anstrengelse, og passende størrelse og plass. Greit nok, det høres kanskje litt akademisk ut, men i praksis handler det om å tenke på brukerdiversitet fra første skisse av appen din.
Det jeg ser hos mange utviklere er at de tror universell design betyr «komplisert og dyrt». Men faktisk er det ofte motsatt – når du tenker på tilgjengelighet fra starten, slipper du å omdesigne hele appen senere. En kunde fortalte meg nylig at de måtte bruke tre måneder på å fikse tilgjengelighetsproblemer fordi de hadde ignorert det i utviklingsfasen. Det kunne vært unngått med litt planlegging.
Hvorfor universell design gir deg flere brukere
Her kommer noe som overrasket meg da jeg begynte å grave i statistikkene: personer med funksjonshemninger utgjør faktisk et enormt marked som mange apputviklere bare ignorerer. Vi snakker om over én milliard mennesker globalt, og i Norge har rundt 20% av befolkningen en eller annen form for funksjonshemning. Det er ikke akkurat en nisjemarked vi snakker om her!
Men det er ikke bare det direkte markedet som er interessant. Jeg har sett apper som implementerte god universell design oppleve økt brukertilfredshet på tvers av alle brukergrupper. For eksempel jobbet jeg med en e-handelsapp som la til bedre kontrast og større knapptekst for synshemmede. Resultatet? Alle brukere rapporterte at appen ble lettere å bruke, og konverteringsraten økte med 23% blant alle brukergrupper.
Det som virkelig slo meg var når jeg snakket med en utvikler som hadde laget en fitness-app med utmerket talenavigering. Appen ble ikke bare populær blant blinde brukere, men også blant folk som trener – de kunne styre appen uten å ta av svette hansker eller endre fokus fra treningen. Sånn plutselig hadde de en unik konkurransefordel de ikke engang hadde planlagt for.
Og så har vi lovverket, da. I mange land, inkludert Norge gjennom diskrimineringsloven, er det faktisk krav om universell utforming av digitale tjenester. EU sin Web Accessibility Directive stiller spesifikke krav til offentlige virksomheter, og private selskaper følger ofte etter. Jeg har opplevd flere selskaper som fikk problemer fordi de ikke hadde tatt dette på alvor. Det er ikke bare riktig å gjøre – det er også smart business.
De vanligste tilgjengelighetsutfordringene i apper
Gjennom årene har jeg samlet en slags «synderegister» over de mest utbredte problemene jeg ser i apper. Det er faktisk ganske fascinerende hvor konsistent disse utfordringene er på tvers av bransjer og team-størrelser. La meg dele de jeg støter på oftest.
Det aller vanligste problemet er dårlig fargekontrast. Jeg har mistet tellingen på hvor mange apper jeg har testet hvor teksten nærmest smelter inn i bakgrunnen. Dette er spesielt utfordrende for personer med nedsatt syn eller fargeblindhet, men også for alle som bruker appen i sollys. En gang testet jeg en banking-app utendørs på en sommersdag – jeg kunne knapt lese kontosaldoen min! Det er ikke akkurat det man ønsker fra en finansapp.
Et annet problem som dukker opp overalt er for små berøringsområder. Apple og Google anbefaler minimum 44×44 piksler for berøringsmål, men jeg ser konstant apper med knapper som er så små at selv jeg (med ganske jevne fingre) sliter med å treffe riktig. For personer med motoriske utfordringer eller eldre brukere kan dette gjøre appen helt ubrukelig. En fysioterapeut fortalte meg at mange av hennes pasienter bare gir opp apper som har for små knapper.
Mangel på alternativ tekst for bilder er også en klassiker. Skjermlesere brukes av langt flere enn man kanskje tror – ikke bare av blinde personer, men også av folk med dysleksi eller lærevansker som foretrekker å få informasjon lest opp. Når et bilde ikke har beskrivende alternativ tekst, får de bare «bilde» eller ingenting i det hele tatt. Det er som å få en bok hvor halvparten av sidene er blanke.
Og så har vi navigasjonsutfordringene. Apper som ikke følger logiske tabulator-rekkefølger, ikke har tydelige fokus-indikatorer, eller som gjemmer viktig funksjonalitet i kompliserte menyer. Jeg testet nylig en matlevering-app hvor det tok meg åtte forskjellige trykk å komme til handlekurven. For noen som navigerer med assisterende teknologi kan det være som å løse en gåte hver gang de skal bestille middag.
Designprinsipper for bedre tilgjengelighet
Når jeg jobber med designteam, starter vi alltid med det jeg kaller «tilgjengelighetsgrunnmuren». Det er fire fundamentale prinsipper som må være på plass før vi tenker på fancy animasjoner eller avanserte funksjoner. Først må appen være oppfattbar – alle brukere må kunne få tak i informasjonen, uansett hvordan de oppfatter verden. Det betyr gode kontraster, alternativ tekst, og informasjon som ikke bare formidles gjennom farger eller lyder.
Det andre prinsippet er at appen må være brukbar. Alle interaktive elementer må kunne opereres av alle brukere, enten de bruker fingre, stemme, øyne, eller assisterende teknologi. Jeg husker en app-utvikler som var så stolt av sin gesturebaserte navigering – helt til han innså at den var fullstendig ubrukelig for folk som ikke kunne utføre komplekse berøringsbevegelser. Nå har han alltid alternative metoder for all interaksjon.
Forståelighet er det tredje hjørnet. Informasjonen og betjeningen av brukergrensesnittet må være forståelig for så mange som mulig. Dette handler ikke bare om å bruke enkelt språk (selv om det er viktig), men også om konsistent navigering, forutsigbare interaksjoner og tydelige feilmeldinger. En gang hjalp jeg en app som hadde så kryptiske feilmeldinger at selv jeg som teknisk person ikke skjønte hva som var galt. Ingen overraskelse at brukerne ga opp.
Det siste prinsippet er robusthet – appen må fungere pålitelig med forskjellige teknologier, inkludert assisterende teknologi som skjermlesere og talegjenkjenning. Dette betyr å følge webstandarder, bruke semantisk riktige HTML-elementer (hvis det er en webapp), og teste grundig med forskjellige hjelpemidler. Jeg har sett apper som fungerte perfekt i utviklerens testmiljø, men som krasjet konstant når brukere prøvde dem med skjermleser.
Det som gjør disse prinsippene så kraftige er at de bygger på hverandre. Når du får disse grunnelementene på plass, blir det mye lettere å legge til avanserte tilgjengelighetsfunksjoner senere. Og best av alt – apper som følger disse prinsippene er nesten alltid bedre for alle brukere, ikke bare for dem med spesielle behov.
Praktisk implementering av universell design
Greit, nok teori – la oss snakke om hvordan man faktisk gjør dette i praksis. Jeg har jobbet med alt fra små startups til store konserner, og en ting jeg har lært er at implementering av universell design må tilpasses teamstørrelse og ressurser. Det viktigste er å begynne, selv om man ikke kan gjøre alt perfekt fra dag én.
For designfasen starter jeg alltid med personas som inkluderer ulike evner og behov. I stedet for bare «Emma, 32, markedsfører som elsker shopping», lager vi også «Lars, 58, med begynnende grå stær som trenger større tekst» og «Siri, 24, døv fra fødsel som stoler på visuell kommunikasjon». Dette tvinger teamet til å tenke bredere fra første idémyldring. En UX-designer fortalte meg at dette var et vendepunkt for hvordan teamet hennes tilnærmet seg alle designbeslutninger.
Under utviklingen er det kritisk å integrere tilgjengelighetstesting i den daglige arbeidsflyten. Jeg anbefaler alltid å sette opp automatiske tester som sjekker grunnleggende ting som kontrast, alternativ tekst og semantisk markup. Det finnes utmerkede verktøy som axe-core som kan integreres rett i byggprosessen. Men husk – automatiske tester fanger bare rundt 30% av tilgjengelighetsproblemene. Resten må du teste manuelt.
En teknikk jeg elsker er det jeg kaller «tilgjengelighets-sprinter». Hver andre uke setter teamet av en halv dag til å teste appen med forskjellige hjelpemidler. De prøver å navigere bare med tastatur, slår på skjermleser, eller simulerer fargeblindhet. Det høres kanskje tidkrevende ut, men jeg har sett team spare måneder med omarbeidelse takket være disse seansene. Plus, det blir faktisk ganske gøy når folk først kommer i gang!
For kodestandarer har jeg utviklet en sjekkliste som jeg deler med alle utviklerne jeg jobber med. Ting som: «Har alle knapper beskrivende labels?», «Kan man nå alle interaktive elementer med tastatur?», «Er fokusets bevegelse logisk og forutsigbar?» Det tar litt tid å lære seg disse vaner, men etter hvert blir det like naturlig som å sjekke at koden kompilerer. En senioutvikler sa til meg at han nå ikke kan skrive en knapp uten å tenke på tilgjengelighet – og det var ment som en kompliment!
Testing med ekte brukere
Altså, jeg må være ærlig – de første gangene jeg testet apper med personer som faktisk bruker assisterende teknologi, var jeg nervøs som bare det. Ikke fordi jeg var redd for kritikk, men fordi jeg innså hvor mye jeg ikke visste om hvordan folk faktisk bruker teknologi i hverdagen. Den første brukeren jeg testet med var en dame som navigerte hele appen ved hjelp av talekommandoer. Jeg lærte mer om brukeropplevelse på den ene timen enn jeg hadde på måneder med vanlig testing.
Det jeg oppdaget var at personer med funksjonsnedsettelser ofte er ekspertbrukere av teknologi. De kjenner alle snarveier, har oppfinnsomme løsninger for vanlige problemer, og kan spot dårlig design på sekunder. En blind bruker jeg testet med navigerte gjennom appen tre ganger raskere enn jeg kunne, men stoppet helt opp på en enkelt knapp som manglet proper labeling. «Her står det bare ‘knapp'», sa han. «Knapp til hva?»
For å finne testpersoner har jeg hatt god erfaring med å kontakte lokale organisasjoner som Blindeforbundet, Hørselshemmedes Landsforbund eller brukerorganisasjoner for personer med utviklingshemming. De fleste er veldig positive til å hjelpe, spesielt hvis de ser at du virkelig ønsker å lage bedre løsninger. Noen ganger kan de til og med tilby testing som en tjeneste.
En viktig lekse jeg lærte: ikke test bare med ekspertbrukere av assisterende teknologi. Test også med personer som er nye til hjelpemidlene sine, eldre brukere som kanskje ikke er så teknisk sterke, og folk som har midlertidige utfordringer (som en brukket arm eller øyeinfeksjon). Disse gruppene avdekker ofte problemer som ekspertbrukerne har lært seg å jobbe rundt.
Dokumentasjon av testingen er kritisk. Jeg lager alltid videoopptak (med tillatelse) av testseansene, og bruker dem til å lage korte demonstrasjoner for resten av teamet. Det er en ting å lese en rapport om at «navigasjonen er forvirrende», og noe helt annet å se en ekte bruker bli frustrert over noe du tenkte var intuitivt. Disse videoene har blitt noen av mine kraftigste verktøy for å overbevise ledelse om viktigheten av tilgjengelighet.
Tekniske løsninger og verktøy
Når vi kommer til den nitty-gritty tekniske implementeringen, er det en hel verden av verktøy og teknikker som kan gjøre jobben lettere. Gjennom årene har jeg testet det meste som finnes der ute, og jeg har definitivt mine favoritter – og noen jeg holder meg langt unna!
For automatisert testing sverger jeg til axe-core biblioteket. Det kan integreres i så og si alle utviklingsverktøy og rammeverk, og gir deg sanntids feedback mens du koder. Jeg husker første gang jeg installerte det i et prosjekt – det flagget 47 tilgjengelighetsproblemer på hovedsiden som teamet hadde oversett. Litt skremmende, men utrolig nyttig. Det dekker alt fra fargekontrast til semantisk HTML, og rapportene er faktisk forståelige for ikke-eksperter.
For manuelle tester bruker jeg en kombinasjon av verktøy. Chrome DevTools har innebygd tilgjengelighetspanel som er gull verdt for å sjekke kontrastforhold og element-hierarkier. For skjermleser-testing har jeg både NVDA (gratis og bra) og JAWS (dyrt men industristandard) installert på test-maskinene mine. Og for mobile apper tester jeg alltid med både VoiceOver på iOS og TalkBack på Android – forskjellene kan være overraskende store.
En teknisk ting som ofte overses er semantic markup. Jeg kan ikke telle hvor mange ganger jeg har sett utviklere lage «knapper» ved å style en div med click-handlers, i stedet for å bruke faktiske button-elementer. Det ser kanskje likt ut visuelt, men for skjermlesere og tastaturnavigering er forskjellen som natt og dag. En ekte knapp kommer med masse innebygd tilgjengelighetsfunksjonalitet gratis – fokushåndtering, tastaturnavigering, og semantisk betydning.
For større prosjekter har jeg god erfaring med design-systemer som inkluderer tilgjengelighetsretningslinjer fra grunnen av. Material Design og Apple’s Human Interface Guidelines har begge solide tilgjengelighetsseksjoner, og det finnes også spesialiserte ressurser som IBM’s Carbon Design System som har tilgjengelighet som en kjernekomponent. Det sparer masse tid når alle komponenter allerede er designet med universell design i tankene.
Et verktøy jeg har blitt glad i nylig er Microsoft’s Accessibility Insights. Det kombinerer automatisert testing med guidede manuelle tester på en veldig elegant måte. Spesielt nyttig for folk som er nye til tilgjengelighetstesting, siden det forklarer ikke bare hva som er feil, men også hvorfor det er et problem og hvordan man fikser det. Jeg bruker det ofte når jeg skal lære opp nye team-medlemmer.
Økonomiske fordeler ved universell design
La meg være brutalt ærlig: mange ganger når jeg snakker med ledelse om universell design, er det økonomiske argumentet som til slutt overbeviser dem. Og det er helt greit – business is business. Det som er fantastisk er at universell design faktisk gir solid økonomisk avkastning, både på kort og lang sikt.
Først og fremst handler det om markedsstørrelse. Som jeg nevnte tidligere, personer med funksjonsnedsettelser representerer en enorm kjøpekraft. I USA alene snakker vi om over 13 trillioner dollar i årlig disponibel inntekt for denne gruppen og deres familier. I Norge er tallet selvfølgelig mindre, men fortsatt betydelig – vi snakker om hundretusenvis av potensielle brukere som mange apper bare ignorerer.
Men det er ikke bare det direkte markedet. Jeg har sett studier som viser at bedre tilgjengelighet øker brukertilfredshet og reduserer support-henvendelser for alle brukergrupper. En e-handel-klient jeg jobbet med opplevde 31% færre support-henvendelser etter at de implementerte bedre feilhåndtering og klarere brukergrensesnitt som del av sitt tilgjengelighetstiltak. Hver support-henvendelse koster penger, så dette gir seg utslag på bunnlinjen ganske raskt.
Så har vi SEO-fordelene. Google og andre søkemotorer elsker nettsteder og apper som følger tilgjengelighetsstandarder, fordi de samme teknikkene som gjør innhold tilgjengelig for skjermlesere også gjør det lettere for søkeroboter å forstå. Jeg har sett organisk søketrafikk øke med 20-40% etter implementering av god semantisk struktur og beskrivende linktekster.
Risikohåndtering er også et økonomisk argument som blir stadig viktigere. Søksmål relatert til digital tilgjengelighet øker dramatisk, spesielt i USA. Target, Netflix, og Domino’s Pizza har alle betalt millioner i oppgjør for utilgjengelige digitale tjenester. Selv om det norske rettssystemet ikke er like aggressivt på dette området ennå, ser vi trender som peker i samme retning. Å implementere universell design er som forsikring – bedre å gjøre det før man trenger det.
En mindre kjent økonomisk fordel er employee engagement. Teams som jobber med meningsfull teknologi, som å gjøre apper tilgjengelige for alle, rapporterer høyere jobbtilfredshet og lavere turnover. En utvikler fortalte meg at å jobbe med tilgjengelighet ga ham en følelse av å faktisk gjøre verden litt bedre hver dag. Det er vanskelig å sette en prislapp på den type motivasjon, men det påvirker definitivt produktivitet og kvalitet.
Vanlige myter og misforståelser
Gjennom årene har jeg hørt så mange myter om universell design at jeg nesten kunne skrevet en egen bok om dem. La meg ta de verste først, fordi jeg møter dem i nesten hvert eneste prosjekt jeg jobber med. Den største myten er at tilgjengelighet gjør appen stygg eller kjedelig. Jeg blir nesten litt irritert hver gang jeg hører denne, fordi det er så fundamentalt feil!
Noen av de mest visuelt imponerende appene jeg kjenner har også fantastisk tilgjengelighet. Apple sine apper er et klassisk eksempel – de er både vakre og tilgjengelige. Airbnb, Spotify, og Microsoft har alle bevist at man kan ha cutting-edge design samtidig som man følger universelle designprinsipper. Problemet oppstår når folk tror tilgjengelighet betyr «bare tekst på hvit bakgrunn». Det er som å tro at miljøvennlig design betyr «alt må være brunt og kjedelig».
En annen myte jeg hører konstant er at tilgjengelighet er altfor dyrt og tidkrevende. Ja, det koster mer å fikse tilgjengelighet i etterkant enn å bygge det inn fra starten. Men når man planlegger for det fra dag én, er merkostnadene ofte marginale. En studie jeg så nylig viste at proaktiv tilgjengelighet økte utviklingskostnadene med 5-10%, mens retroaktive fikser kunne koste 30-50% ekstra. Det er som å installere røykvarslere når man bygger hus versus å installere dem etter at det har brent.
Så har vi myten om at «ingen brukere våre trenger dette». Hver gang noen sier dette til meg, ber jeg dem om å sjekke analytics for hvor mange brukere som faktisk forlater appen uten å fullføre handlingen de kom for å gjøre. Tallene er ofte sjokkerende. Mange av disse bounced users kan faktisk være folk som ikke klarer å bruke appen på grunn av tilgjengelighetsproblemer, men som ikke har noen måte å rapportere det på.
Den farligste myten er kanskje at «vi kan legge til tilgjengelighet senere». Dette fungerer omtrent like godt som å bygge et hus og så bestemme seg for å legge til fundamentet etterpå. Universell design er en designfilosofi, ikke en funksjon man kan skru på. Jeg har sett team bruke måneder på å refaktorere hele apps fordi de trodde de kunne «bare legge til noen aria-labels» på slutten.
Og til slutt: myten om at assisterende teknologi er rare, eksotiske verktøy som nesten ingen bruker. Faktum er at mange «normale» brukere bruker tilgjengelighetsfunksjoner uten å tenke på dem som det. Tekststørrelse-innstillinger, dark mode, taleassistenter, automatisk teksting av videoer – alt dette er assisterende teknologi som har blitt mainstream fordi det er nyttig for alle.
Fremtiden for tilgjengelig app-utvikling
Jeg må si at jeg er ganske optimistisk for fremtiden til universell design i apper. De siste årene har jeg sett en fundamental endring i hvordan bransjen tenker om tilgjengelighet – fra «nice-to-have» til «must-have». Og teknologien utvikler seg i retninger som gjør det lettere og lettere å lage inkluderende løsninger.
Kunstig intelligens og maskinlæring åpner helt nye muligheter. Jeg har testet tidlige versjoner av verktøy som automatisk genererer alt-tekst for bilder, transkriberer lyd til tekst i sanntid, og til og med foreslår forbedringer i brukergrensesnittet basert på hvordan forskellige brukergrupper interagerer med appen. En gang så jeg en demo av en AI som kunne forutse hvilke UI-elementer som ville være vanskelige å bruke for personer med tremor, bare basert på deres størrelse og plassering. Ganske utrolig!
Voice interfaces og naturlig språkprosessering blir også stadig bedre. Jeg tror vi beveger oss mot en tid hvor stemmeinteraksjon blir like naturlig som berøring for navigering i apper. Dette åpner massive muligheter for folk som har utfordringer med tradisjonelle input-metoder. Samtidig må vi passe oss for ikke å lage apper som KUN fungerer med stemme – diversitet i input-metoder er fortsatt kritisk.
På reguleringsfronten ser jeg at kravene blir stadig klarere og strengere. EU sin European Accessibility Act trer i kraft i 2025 og kommer til å påvirke mange norske bedrifter. USA har American with Disabilities Act som blir mer og mer aggressivt håndhevet for digitale tjenester. Selv om Norge ikke har like spesifikke krav ennå, er trenden klar – tilgjengelighet går fra «bør» til «må».
Det som kanskje gleder meg mest er den kulturelle endringen jeg ser. Yngre utviklere som kommer inn i bransjen nå lærer ofte universell design som en naturlig del av sin utdanning. Designskoler inkluderer tilgjengelighet i grunnkursene sine. Tech-konferanser har egne spor om inkluderende design. Det som en gang var en nisje blir mainstream, og det skjer raskere enn jeg hadde trodd for bare fem år siden.
Samtidig ser jeg spennende utvikling innen cross-platform verktøy som React Native og Flutter, hvor tilgjengelighet blir bygget inn i selve rammeverkene. Det betyr at utviklere får mye tilgjengelighetsfunksjonalitet «gratis» uten å måtte tenke på alle de tekniske detaljene. Det er akkurat sånn det burde være – tilgjengelighet som standard, ikke som ekstraarbeid.
Kom i gang med universell design i dag
Greit, så hvordan begynner du faktisk å implementere universell design hvis du sitter med en app som kanskje ikke har så mye fokus på tilgjengelighet fra før? Jeg får denne spørsmålet hele tiden, og mitt svar er alltid: start småt, men start i dag. Du trenger ikke å revolusjonere hele appen på en uke, men hver lille forbedring teller.
Første steg er å gjøre en rask tilstandsvurdering av appen din. Last ned et verktøy som Lighthouse eller axe-core og kjør en automatisk test. Det vil gi deg en liste over de mest åpenbare problemene som kan fikses relativt enkelt. Ting som manglende alt-tekst, dårlige kontrastforhold, eller knapper uten labels kan ofte fikses på timer eller dager, ikke uker.
Så anbefaler jeg å velge én brukerreise i appen og gjøre den fullstendig tilgjengelig. La oss si at det er registreringsprosessen eller innlogging. Gå gjennom hvert steg med en skjermleser, test navigering med bare tastatur, sjekk at feilmeldinger er forståelige. Når denne ene reisen fungerer perfekt, har du både lært prosessen og skapt et eksempel som resten av teamet kan se og forstå.
Lag deg noen enkle rutiner som blir del av den daglige utviklingsflyten. Jeg har en sjekkliste med fem ting som tar under to minutter å teste for hver ny komponent eller side: 1) Kan jeg nå alt med tastatur? 2) Er kontrastforholdet minst 4.5:1? 3) Har alle interaktive elementer beskrivende labels? 4) Er fokusets bevegelse logisk? 5) Fungerer det med skjermleser? Disse fem punktene fanger opp majoriteten av vanlige problemer.
Bygg deg et nettverk av testpersoner. Start med kolleger, venner eller familie som kan representere forskjellige perspektiver. Spør den eldste personen du kjenner om å teste appen din – jeg garanterer at du kommer til å lære noe nytt. Be noen om å teste med en hånd (simulere midlertidig skade), eller i sollys (simulere synshemminger). Du trenger ikke profesjonelle brukertestere for å starte.
Og til slutt – dokumenter alt du lærer. Lag en intern wiki eller et delt dokument hvor teamet kan samle tilgjengelighetstips, vanlige fallgruver, og løsninger som fungerer. Etter hvert som denne kunnskapsbasen vokser, blir det lettere og lettere for alle å bidra til bedre tilgjengelighet. En utvikler fortalte meg at deres interne tilgjengeligheits-playbook ble deres mest brukte ressurs for nye team-medlemmer.
Universell design i apper er ikke bare en teknisk utfordring – det er en måte å tenke på som gjør produktene våre bedre for alle. Og det beste av alt? Du kan begynne akkurat nå, med den appen du jobber med i dag.
Konkrete eksempler fra virkeligheten
La meg dele noen konkrete eksempler fra prosjekter jeg har vært involvert i, fordi jeg tror det er lettere å forstå universell design når man ser det i praksis. Det første eksemplet er fra en banking-app jeg hjalp med å redesigne for et par år siden. Appen hadde et stort problem: eldre kunder ga ofte opp når de skulle logge inn fordi teksten var så liten og kontrastene så dårlige.
Vi startet med å øke minimum tekststørrelse fra 12pt til 16pt, og justerte fargeskjemaet til å møte WCAG 2.1 AA-standarden for kontrast. Det høres kanskje ikke så dramatisk ut, men resultatet var utrolig. Antall support-henvendelser relatert til innlogging falt med 40%, og kundene rapporterte mye høyere tilfredshet. Best av alt: yngre brukere elsket også den nye designet, spesielt når de brukte appen i sollys eller dårlige lysforhold.
Et annet eksempel som virkelig satte spor hos meg var en matlevering-app som slet med å få døve og hørselshemmede kunder til å bruke deres leveringsfunksjoner. Problemet var at hele kommunikasjonssystemet med leverandørene baserte seg på telefonoppringninger og lydnotifikasjoner. Vi implementerte et komplett tekstbasert kommunikasjonssystem med sanntids statusoppdateringer og mulighet for tekstmeldinger direkte til leverandøren.
Resultatet overrasket alle. Ikke bare ble appen tilgjengelig for hørselshemmede brukere, men ALLE brukere begynte å foretrekke det nye systemet. Det viste seg at folk flest faktisk ikke vil snakke i telefonen med leverandører – de ville bare vite hvor pakken var og når den kom. Denne funksjonen som ble designet for en spesifikk gruppe endte opp med å bli appens mest populære feature.
Det tredje eksemplet er fra en fitness-app hvor vi implementerte omfattende talenavigering. Målet var å gjøre appen brukbar for blinde og synshemmede, men det åpnet helt nye bruksmønstre. Folk som trente med hansker, jogget, eller bare hadde hendene opptatte kunne plutselig navigere appen uten å se på skjermen. Appen ble populær blant bilkjørere (i parkert tilstand selvfølgelig), kokker som trengte oppskrifter mens de laget mat, og foreldre som hadde hendene fulle med barn.
Et fjerde eksempel som jeg synes illustrerer viktigheten av inkluderende design kom fra en e-handel app for klær. Vi oppdaget at mange produktbilder manglet alternative beskrivelser, noe som gjorde det umulig for synshemmede å handle. Men når vi begynte å skrive beskrivende alt-tekst («Rød silkeskjorte med lange ermer og perlemorsknapper»), fant vi ut at ALLE kundene brukte denne informasjonen. Søkefunksjonen ble bedre, produktene dukket oftere opp i Google-søk, og selv seende kunder sa de satte pris på de detaljerte beskrivelsene.
Organisatoriske endringer for å støtte universell design
En ting jeg har lært etter mange år i denne bransjen er at tekniske løsninger bare tar deg halvveis. For å virkelig lykkes med universell design trenger du også organisatoriske endringer som støtter opp under denne tilnærmingen. Jeg har sett for mange prosjekter hvor individuelle utviklere eller designere brenner for tilgjengelighet, men ikke får støtte fra ledelsen eller strukturene rundt seg.
Det første jeg anbefaler er å få tilgjengelighet inn i «definition of done» for alle utviklingsoppgaver. Det betyr at ingen feature kan regnes som ferdig før den har blitt testet for grunnleggende tilgjengelighet. Jeg jobbet med et team som implementerte dette, og selv om det føltes tungvint først, ble det raskt en naturlig del av arbeidsflyten. Etter seks måneder kunne ikke utviklerne forestille seg å jobbe uten disse sjekkene.
Kompetansebygging er kritisk. Jeg har sett alt for mange team hvor bare én person (ofte kalt «tilgjengelighetseksperten») forstår disse tingene, og de blir en flaskehals for alt arbeid. I stedet bør alle team-medlemmer ha grunnleggende kunnskap om universell design. Det betyr workshops, delte læringssesjoner, og kanskje viktigst av alt – jevnlig eksponering for ekte brukere som har forskjellige behov.
Budsjettplanlegging må også inkludere tilgjengelighet som en naturlig del. Jeg har for ofte opplevd at tilgjengelighetstiltak blir skjøvet til side når tidspress eller budsjettmangel oppstår, fordi de blir sett på som «nice-to-have» i stedet for kjerneproduktutvikling. Bedrifter som lykkes behandler universell design som en investering i produktkvalitet, ikke som en kostnad de kan kutte når økonomien blir stram.
Metrics og måling er også viktig. Hvordan vet du om du blir bedre på universell design hvis du ikke måler det? Jeg hjelper team med å sette opp dashboards som sporer tilgjengelighetsindikatorer: automatiserte tester som kjøres i byggpipelines, andel komponenter med komplett alt-tekst, brukertilfredshetsskår fra assisterende teknologi-brukere, og tid brukt på å løse tilgjengelighetsproblemer.
Til slutt – få det inn i performance reviews og team-mål. Hvis tilgjengelighet ikke er noe folk blir evaluert eller belønnet for, kommer det aldri til å bli prioritert når presset øker. Noen av de mest suksessrike teamene jeg kjenner har inkludert tilgjengelighetsmål i sine kvartalsplaner, på samme måte som de setter mål for feature-utvikling eller bug-fikser.
Juridiske krav og standarder
Selv om jeg ikke er jurist, har jeg gjennom årene måttet sette meg grundig inn i lovverket rundt digital tilgjengelighet. Og det jeg kan si er at landskapet endrer seg raskt, både internasjonalt og i Norge. For norske apputviklere er det flere regelverk man må forholde seg til, avhengig av hvilken sektor man jobber i og hvem målgruppen er.
Diskrimineringsloven er grunnlaget for tilgjengelighetskrav i Norge. Loven sier at offentlige og private virksomheter ikke kan diskriminere på grunnlag av funksjonsevne, og dette inkluderer digitale tjenester. For offentlige virksomheter er kravene ganske spesifikke og håndhevers aktivt av staten. Private bedrifter har mer skjønnsmessige krav, men jurister jeg har snakket med mener at trenden går mot strengere håndhevelse også her.
WCAG (Web Content Accessibility Guidelines) er den internasjonale standarden som de fleste norske krav refererer til. WCAG 2.1 nivå AA er det som vanligvis kreves, og det dekker alt fra fargekontrast til tastaturnavigering til skjermleserkompatibilitet. Det høres kanskje teknisk og kjedelig ut, men retningslinjene er faktisk ganske praktiske når man først setter seg inn i dem. Jeg bruker dem som en slags sjekkliste for alle prosjekter jeg jobber med.
European Accessibility Act som trer i kraft i 2025 kommer til å påvirke mange norske bedrifter, spesielt de som opererer i EU eller har EU-kunder. Loven dekker e-handel, banktjenester, transporttjenester og mye mer. Selv om Norge ikke er EU-medlem, blir vi ofte påvirket av EU-regelverk gjennom EØS-avtalen eller bare fordi norske bedrifter opererer på tvers av landegrenser.
I USA har vi Americans with Disabilities Act (ADA), som blir mer og mer aggressivt håndhevet for digitale tjenester. Jeg har sett flere norske bedrifter som opererer i det amerikanske markedet få juridiske problemer på grunn av utilgjengelige nettsteder og apper. Domino’s Pizza-saken som gikk til høyesterett er et klassisk eksempel på hvor galt det kan gå. Selv om du ikke opererer i USA nå, kan det være verdt å tenke på hvis du har ambisjoner om ekspansjon senere.
Det som bekymrer meg litt er at mange bedrifter behandler disse kravene som en compliance-øvelse i stedet for en mulighet til å lage bedre produkter. De fokuserer på minimum krav for å unngå søksmål, i stedet for å se på universell design som en konkurransefordel. Men jeg forstår også at juridisk risiko kan være en kraftig motivator for å ta tilgjengelighet på alvor, spesielt i store organisasjoner hvor «det er riktig å gjøre» ikke alltid er argument nok.
Verktøy og ressurser for videre læring
Gjennom årene har jeg samlet en ganske omfattende verktøykasse for universell design, og jeg får ofte spørsmål om hvilke ressurser jeg anbefaler for folk som vil lære mer. La meg dele de jeg bruker mest, både for teknisk implementering og for å holde meg oppdatert på beste praksis.
For automatisert testing er axe-core mitt absolutte go-to verktøy. Det kan integreres i alt fra Jest og Cypress til Selenium, og dekker de fleste grunnleggende tilgjengelighetsproblemer. Lighthouse (som er bygget inn i Chrome DevTools) er også utmerket for rask testing og gir deg actionable insights. For mobile apper bruker jeg Accessibility Inspector på iOS og Accessibility Scanner på Android – begge er gratis og ganske kraftige.
Når det kommer til manuell testing, har jeg alltid NVDA installert (det er gratis og fungerer bra for Windows-testing) og bruker VoiceOver på Mac. For color vision testing bruker jeg Sim Daltonism som simulerer forskjellige typer fargeblindhet. Contrast ratio sjekker jeg med WebAIM’s Color Contrast Checker, som er en nettbasert løsning som fungerer perfekt.
For læring og oppdatering følger jeg flere blogger og podcaster. WebAIM sin blog er gull for praktiske tips, A List Apart har regelmessige artikler om tilgjengelighet og inkluderende design, og The A11Y Podcast (a11y er forkortelse for «accessibility» – 11 bokstaver mellom ‘a’ og ‘y’) intervjuer eksperter og deler case studies. Adrian Roselli sin blog er også fantastisk for teknisk dyptgående innhold.
På konferanse-fronten er axe-con (Deque Systems sin årlige tilgjengelighetskonferanse) verdt å følge med på, selv om den er digital og amerikansk. Inclusive Design 24 er en gratis, global, 24-timer konferanse som går på forskjellige tidssoner rundt kloden. I Norge har vi UX Norge som ofte har talks om inkluderende design, og designkonferansen The Gathering har også begynt å inkludere tilgjengelighet mer i programmet sitt.
For verktøy som hjelper med designsystemutvikling, anbefaler jeg sterkt å sjekke ut IBM’s Carbon Design System og Microsoft’s Fluent Design System. Begge har tilgjengelighet som en kjernekomponent og viser hvordan man kan bygge skalerbare, inkluderende komponentbibliotek. Material Design fra Google har også gode tilgjengelighetsretningslinjer, selv om implementeringen varierer litt mellom plattformene.
Til slutt – ikke glem lokale ressurser! Norsk senter for universell utforming har utmerkede veiledere og arrangerer jevnlige seminarer. Digitaliseringsdirektoratet publiserer retningslinjer for offentlig sektor som også er relevante for private bedrifter. Og ressurser for universell design kan hjelpe deg med å systematisere innsatsen din.
| Verktøytype | Anbefalt verktøy | Pris | Beste for |
|---|---|---|---|
| Automatisert testing | axe-core | Gratis | Integrering i byggpipeline |
| Kontrastsjekking | WebAIM Contrast Checker | Gratis | Rask validering av fargevalg |
| Skjermlesertesting | NVDA | Gratis | Windows-miljøer |
| Fargeblindhetstesting | Sim Daltonism | Gratis | Mac-miljøer |
| Design system | Carbon Design System | Open source | Skalerbare løsninger |
FAQ – Ofte stilte spørsmål om universell design i apper
Gjennom årene har jeg fått mange av de samme spørsmålene om universell design, så jeg tenkte det kunne være nyttig å samle de vanligste her med grundige svar basert på mine erfaringer.
Hvor mye ekstra tid tar det å implementere universell design?
Dette er kanskje det spørsmålet jeg får oftest, og svaret mitt er alltid: det kommer an på når du starter. Hvis du bygger inn universell design fra dag én, snakker vi om 5-15% ekstra utviklingstid – og det er hovedsakelig på grunn av læringskurven, ikke selve implementeringen. Men hvis du venter til appen er «ferdig» og så skal legge til tilgjengelighet, kan du lett snakke om 30-50% ekstra arbeid for å fikse alt som må omgjøres. Jeg sammenlikner det ofte med sikkerhet – det er mye lettere å bygge sikkerhet inn fra starten enn å sikre et usikkert system i etterkant.
En utvikler jeg jobbet med fortalte meg at teamet hans brukte to uker ekstra på sitt første tilgjengelige prosjekt, men på det tredje prosjektet var det nesten ingen merkbar forskjell i tid brukt. Ferdighetene og arbeidsrutinene hadde blitt internalisert, og de fikk mye mindre bugs og support-henvendelser som kompenserte for det ekstra arbeidet.
Må jeg teste med alle mulige hjelpemidler og funksjonshemninger?
Nei, det ville vært både upraktisk og unødvendig. Det jeg anbefaler er å fokusere på de fire hovedkategoriene av funksjonshemninger: synshemning (inkludert blindhet og svaksynthet), hørselshemning, motoriske utfordringer, og kognitive utfordringer. For hver kategori finnes det representatative testmetoder som dekker de fleste tilfellene. For eksempel vil testing med skjermleser dekke mange av behovene til synshemmede, selv om det finnes mange forskjellige typer synshemning.
Min anbefaling er å starte med det som dekker flest brukere: tastaturnavigering (hjelper motoriske utfordringer), god kontrast (hjelper synshemning), tydelig språk og feilhåndtering (hjelper kognitive utfordringer), og visuell informasjon som supplement til lyd (hjelper hørselshemning). Når du har dette på plass, har du dekket majoriteten av tilgjengelighetsbehov.
Er det forskjell på tilgjengelighet for iOS og Android?
Ja, det er definitivt forskjeller, selv om grunnprinsippene er de samme. iOS har VoiceOver som skjermleser og Switch Control for alternativ navigering, mens Android har TalkBack og Select to Speak. De fungerer litt forskjellig, så det er viktig å teste på begge plattformene. Apple har historisk vært litt bedre på tilgjengelighet out-of-the-box, men Google har tatt igjen mye de siste årene.
Den praktiske forskjellen er at iOS sine native komponenter kommer med mer tilgjengelighetsfunksjonalitet automatisk, mens Android krever litt mer manuell konfigurering. Men fordelen med Android er at det er mer fleksibelt hvis du trenger å lage custom løsninger. Uansett plattform er det viktig å bruke native komponenter der det er mulig, fordi de har innebygd støtte for assisterende teknologi.
Hva gjør jeg hvis ledelsen ikke prioriterer tilgjengelighet?
Ah, dette er et problem jeg møter altfor ofte! Min erfaring er at det sjelden hjelper å argumentere med «det er morally right» eller «vi har ansvar for å inkludere alle». I stedet fokuserer jeg på business-argumentene: større markedsreach, bedre brukeropplevelse for alle, reduserte support-kostnader, bedre SEO, og risikohåndtering relatert til fremtidige regulatoriske krav.
Konkrete tall fungerer best. Presenter research som viser at 20% av befolkningen har en eller annen form for funksjonshemning, at bedre tilgjengelighet øker konverteringsrater, eller at support-henvendelser reduseres når UX blir klarere. Hvis mulig, gjennomfør en pilot på en liten del av appen og mål resultatene. Jeg har sett mange ledere endre mening når de ser faktiske forbedringer i brukertilfredshet og business metrics.
Kan jeg bruke AI-verktøy for å automatisere tilgjengelighet?
AI-verktøy kan definitivt hjelpe, men de er ikke en komplett løsning. Jeg har testet flere verktøy som automatisk genererer alt-tekst for bilder, og de er blitt mye bedre de siste årene. De kan spare masse tid på repetitive oppgaver som å beskrive produktbilder i e-handel apper. Men de forstår ikke kontekst på samme måte som mennesker, så jeg anbefaler alltid at mennesker gjennomgår og justerer AI-generert innhold.
For andre områder som automatisert kontrastsjekking, semantisk HTML-validering, og testing av tastaturnavigering, er AI-verktøy ganske pålitelige allerede. De kan også hjelpe med å identifisere potensielle problemer under design-fasen, før koden er skrevet. Men husk at AI bare kan dekke det som kan automatiseres – du trenger fortsatt mennesker til å forstå brukeropplevelse, kontekst, og subjektive kvalitetsvurderinger.
Hvordan håndterer jeg tilgjengelighet i apper med mye visuelt innhold?
Dette er en interessant utfordring som jeg har jobbet mye med, spesielt for apper innen sosiale medier, kunst, eller mode. Nøkkelen er å tenke på alternativ formidling av den samme informasjonen, ikke nødvendigvis den samme opplevelsen. For et maleri kan du ikke gjengi den visuelle opplevelsen i ord, men du kan formidle informasjonen: motiv, farger, stil, stemning, og betydning.
Jeg jobbet med en kunstgalleri-app hvor vi utviklet et system for å beskrive kunstverker på flere nivåer: en kort, faktisk beskrivelse («Oljemaleri av en solnedgang over havet»), en mer detaljert beskrivelse av komposisjonen og teknisk utførelse, og til slutt en fortolkende tekst om stemningen og betydningen. Brukere kunne velge hvor mye informasjon de ville ha, og alle brukere – ikke bare synshemmede – sa de satte pris på disse beskrivelsene.
Skal jeg lage separate «tilgjengelige versjoner» av appen min?
Nei, dette er en dårlig idé av flere grunner! Separate versjoner blir ofte dårligere vedlikeholdt, mangler funksjoner som hovedversjonen har, og signaliserer til brukere at de er andrerangs borgere som må nøye seg med en inferior opplevelse. Det strider mot hele prinsippet om universell design.
I stedet bør du lage EN app som fungerer godt for alle. Dette er ikke bare bedre for brukerne, det er også mer kostnadseffektivt for deg å vedlikeholde. Tenk på det som å lage en bygning med både trapper og rampe til samme inngang, ikke separate innganger for forskjellige folk. Målet er at alle skal kunne bruke samme løsning, med de hjelpemidlene eller preferansene de har.
Hvor grundig må alt-tekst være for bilder?
Dette avhenger helt av bildesets funksjon og kontekst. For dekorative bilder som ikke tilfører informasjon, kan alt-teksten være tom (alt=»») slik at skjermlesere hopper over dem. For informative bilder må alt-teksten formidle den samme informasjonen som bildet gjør. For komplekse bilder som grafer eller diagrammer, kan du trenge både kort alt-tekst og lengre beskrivelse.
Min tommelfingerregel er: hvis du fjernet bildet og bare hadde alt-teksten, ville brukeren fortsatt forstå det samme? For et produktbilde av røde sko, holder det ikke å skrive «sko» – du trenger «røde lærsko med snøring og hvit såle». Men du trenger ikke beskrive hver minste detalj som ikke er relevant for kjøpsbeslutningen. Det handler om å formidle essensen, ikke alt.