Universelt utformet

Konsistent hjelp (WCAG 3.2.6)

Anders Ekkje Slettebø og Erling Håmsø — Tue, 10 Feb 2026 19:27:49 +0100

I denne episoden snakker Anders og Erling om konsistent (eller konsekvent?) hjelp på nettsider. Vi er åpne om våre talefeil og forvirrer med norske begreper som «grafiske styreelementer». I ris- og ros-spalten sjekker vi om nettaviser som Romerikes Blad, Subjekt, Stavanger Aftenblad og Klassekampen følger dette suksesskriteriet. Vi mimrer litt om HTML-elementet marquee og nevner UX-loven Postels lov. Som vanlig har vi noen avsporinger om innlogging, glemt passord, kontonummer og Klarna. Og husk, ikke ødelegg tilbakeknappen.

Vi hadde egentlig en kjekk gjest, som vi dessverre måtte klippe bort på grunn av dårlig lydkvalitet. Hun kommer tilbake i neste episode!

Episodelenker

Dra og slipp, og for små knapper (WCAG 2.5.7 og 2.5.8)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 03 Dec 2025 10:53:03 +0100

Anders og Erling forklarer hva designere og kodere må tenke på når de bygger dra- og slipp-funksjonalitet. For eksempel i karttjenester, volumkontrollere eller kanban-kort. Slik funksjonalitet skal være tilgjengelig med knapper. Vi snakker òg om størrelse på knapper og lenker, altså klikkflater. Minstekravet er 24⨉24 piksler, selv om anbefalingen vår er å sikte høyere for å hjelpe mennesker med motoriske utfordringer. Underveis havner vi innom noen avsporinger, som effektive tastatursnarveier, Mandela-effekten og irritasjon over folk som fortsatt bruker PNG til fotofiler.
Episodelenker

Hold fokus (WCAG 2.4.11–2.4.13)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 24 Sep 2025 08:00:00 +0200

Erling og Anders er tilbake med en utvidelse av serien Universelt Utformet som opprinnelig forklarte WCAG 2.1 på en lettfattelig måte. Dette er første av fire episoder som omhandler de ni «nye» suksesskriteriene i WCAG 2.2. Episoden handler om fokusvisning, som er relevant for alle som bruker tastatur til å betjene et nettsted eller app. Vi snakker om modaler, klistertopper (sticky header), møbelprodusenter og CSS-egenskapene scroll-padding og scroll-behaviour.

Episodelenker

Statusbeskjeder (WCAG 4.1.3)

Anders Ekkje Slettebø og Erling Håmsø — Mon, 30 Dec 2019 06:00:13 +0100

Siste episode! Brukeren skal få statusbeskjeder om viktige endringer på nettsiden uten at det gir kontekstendring (som en sidelasting). Presenteres for brukeren av kompenserende teknologi uten å få fokus. En statusbeskjed kan være en popup eller lignende. For eksempel en feilmelding eller en beskjed om at varen er lagt i handlekurven. I «Ris og ros» ser vi på bokhandlere. I «Aside» så mimrer vi tilbake på alle episodene vi har laget.

Episodelenker

Skreddersøm (WCAG 4.1.2)

Anders Ekkje Slettebø og Erling Håmsø — Sun, 29 Dec 2019 06:00:03 +0100

Hvis du skal skreddersy komponenter bør du passe på at du forteller nettleseren hva slags komponent det er slik at de blir tilgjengelige for alle. WCAG 4.1.2 heter «Navn, rolle, verdi». Navn i denne sammenhengen betyr tilgjengelig navn eller programmatisk navn, altså navn som oppfattes av hjelpemidler. Vi må òg gi interaktive komponenter en rolle, så sant dette ikke er innebygget fra det HTML-elementet du bruker. I noen tilfeller bruker vi òg verdi. I «Ris og ros» snakker vi om matvarer. I «Aside» snakker Erling om UX i Norge.

Episodelenker

Feilfri kode (WCAG 4.1.1)

Anders Ekkje Slettebø og Erling Håmsø — Sat, 28 Dec 2019 06:00:03 +0100

Feil i koden fører til forvirring, så lag kode uten feil, er du grei ;) Temaet er robust kode som skal tåle å bli brukt av forskjellige nettlesere og brukeragenter. I «Ris og ros» skal vi se på kinoer. Har de laget god nok kode til å tåle tidens tann? Kodenøstingen må være bra og vi skal unngå dupliserte ID-er. Er det noen som har over 1000 tegn?

Episodelenker

Hjelp meg i skjema (WCAG 3.3.5)

Anders Ekkje Slettebø og Erling Håmsø — Fri, 27 Dec 2019 06:01:03 +0100

Alt som er opplagt for deg er ikke opplagt for andre. I skjema så er det viktig å hjelpe brukeren i kontekst av oppgaven. Det er ikke alle som skjønner hva de skal gjøre, kun basert på ledeteksten. I episodens «Aside» skal vi snakke om den meksikanske restaurantkjeden Chipotle, og et regnestykke om hvor mye de kan tape i inntekter ved å ignorere universell utforming. I «Ris og ros» ser vi på rekrutteringsbransjen.

Episodelenker

Ikke la meg feile! (WCAG 3.3.x)

Anders Ekkje Slettebø og Erling Håmsø — Thu, 26 Dec 2019 06:00:23 +0100

En ting er hva man gjør når noe feil skjer, men enda viktigere er det å unngå feil. Ikke legg til rette for feiling! Vi snakker om ledetekster, etiketter og instruksjoner. Vi prøver å være mindre tvetydige enn W3C. Det er visuell ledetekster, ikke programmatiske. Vi snakker òg om å gi brukerne mulighet til å angre seg, for eksempel når de har kjøpt feil flybilletter. I «Ris og ros» tar vi for oss billettbestillingstjenestene. I «Aside» skal vi snakke om etikk, designetikk.

Episodelenker

Feil, feil på veggen der, hvilken feil har jeg gjort her? (WCAG 3.3.x)

Anders Ekkje Slettebø og Erling Håmsø — Tue, 17 Dec 2019 04:00:03 +0100

Det er viktig å vise hva som er feil i skjema. Hva må du passes på, og hvilke feller kan du gå i? Folk er dårlige å lage skjemaer. Hør på oss for å bli bedre. God skjemadesign hjelper alle, ikke bare mennesker med funksjonsnedsettelser. I episodens «Aside» snakker vi om et filosofisk konsept som heter «veil of ignorance». I «Ris og ros» skal vi titte på lydboktjenestene hvor det er overraskende mye grums.

Episodelenker

Kjenn deg igjen (WCAG 3.2.3–3.2.4)

Anders Ekkje Slettebø og Erling Håmsø — Mon, 25 Nov 2019 11:35:54 +0100

Vær konsekvent! Ikke bruk forskjellige ord på de samme tingene, og ha konsekvent navigasjon på tvers av løsningen. Skal konvensjoner i kontekst av din løsning. Ikke bruk samme knapp for to ulike funksjoner. I episodens «Aside» skal vi være litt meta, og snakke om WCAG, hvor vi i første episode sa «fuck WCAG».

Episodelenker

Som forventet (WCAG 3.2.x)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 20 Nov 2019 06:19:52 +0100

Ikke overrask brukeren. La ting være forutsigbart og som forventet. Lag ikke modaler som plutselig dukker opp når du ruller nedover, eller modaler som plutselig vises når et skjemafelt er i fokus. La nå brukeren være sjef, og selv initiere endringer i grensesnittet. I spalten «Aside» skal vi snakke om WCAG 2.2. I «Ris og ros» skal vi titte på landbruk.

Episodelenker

Skriv tydelig og forståelig (WCAG 3.1.5–3.1.6)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 30 Oct 2019 06:57:14 +0100

Skriv tydelig og forståelig slik at de med lav leseferdighet også kan forstå. La oss ikke kreve for høye leseferdigheter. Gjerne ikke høyere enn norsk ungdomsskole. Husk å skriv til din målgruppe, vi skal ikke fordumme webben. I «Ris og ros» skal vi snakke om legebransjen. Der er det mange eksempler på vanskelig språk, som trokanter og gluteusbursitt.

Episodelenker

WTF artikulerer du om? (WCAG 3.1.1–3.1.4)

Anders Ekkje Slettebø og Erling Håmsø — Sat, 26 Oct 2019 07:37:06 +0200

Kommuniser enkelt og forståelig, og definer språket på løsningen din. Ikke alle forstår forkortelser, vanskelige ord og sånt. WCAG 3.1.1, 3.1.2, 3.1.3 og 3.1.4 handler om å sette språk i koden og stammespråk, fremmedord, tvetydige ord og forkortelser. I «Aside» skal vi snakke om YouTuberen Christopher Hills. I «Ris og ros» tar vi en titt på oljebransjen.

Episodelenker

Pølsefingre (WCAG 2.5.x)

Anders Ekkje Slettebø og Erling Håmsø — Fri, 18 Oct 2019 05:58:38 +0200

Har du ti tommeltotter eller ønsker å bruke stemmen til å navigere i et grensesnitt? Kanskje ikke, men tenk deg at du har det og vil det så er du fort i henhold til disse suksesskriteriene. WCAG 2.5.3, 2.5.5 og 2.5.6 handler om å bruke samme navn på kodete og visuelle komponenter, størrelse på trykkflater, og at brukere må få lov å kombinere inputmetoder som tastatur og touch. I «Aside» skal vi snakke om hvordan du skal få UU på agendaen på arbeidsplassen eller i produktet ditt. I «Ris og ros» tar vi for oss taxibransjen.

Episodelenker

Pek og rist (WCAG 2.5.x)

Anders Ekkje Slettebø og Erling Håmsø — Fri, 11 Oct 2019 06:19:25 +0200

Det finnes mange måter å styre en applikasjon eller et grensesnitt på. Noen er ikke i stand til å bruke alle metoder, og vi må være bevisst på det. WCAG 2.5.1, 2.5.2 og 2.5.4 handler om pekerbevegelser (som i muspeker) og flere fingre samtidig. Ved å følge rådene i denne episoden hjelper du mennesker med motoriske utfordringer. I spalten «Ris og ros» skal vi vurdere sosiale medier.

Hvor er du? (WCAG 2.4.x)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 02 Oct 2019 10:39:23 +0200

Struktur er viktig for å få oversikt og forstå innholdet. Tydelig overskrift-struktur, tydelig fokus og plassering hjelper! WCAG 2.4.6, 2.4.10, 2.4.7 og 2.4.8 handler om dokumentstruktur som bygges opp med overskrifter, deloverskrifter og ledetekster. I «Aside» snakker vi om skjermlesere. Ri og ros-spalten handler om rubrikkannonser. Finn og sånn.

Episodelenker

Forståelig lenketekst (WCAG 2.4.x)

Anders Ekkje Slettebø og Erling Håmsø — Fri, 20 Sep 2019 06:30:05 +0200

Når man ikke kan se nettstedet eller applikasjonen er det veldig nyttig å navigere på lenker, sidekart, søkefelt, toppnavigasjon og så videre. WCAG 2.4.4, 2.4.9 og 2.4.5 handler om å ha flere veier til målet. Mange veier til Rom. I spalten «Aside» får vi besøk av en dame som har skrevet en masteroppgave om universell utforming. I «Ris og ros» kikker vi på nettbutikker.

Episodelenker

Hopp til innhold (WCAG 2.4.1–2.4.3)

Anders Ekkje Slettebø og Erling Håmsø — Sat, 07 Sep 2019 09:43:59 +0200

Det er tidkrevende å bruke nettsted med tastatur på løsninger som ikke er tilpasset. Her er noen gode – og enkle – grep du kan og bør ta! WCAG 2.4.1, 2.4.2 og 2.4.3 handler om snarveier for å hoppe rett til innholdet og vi diskuterer tittel-taggen, ikke title-attributtet. I «Aside» får vi besøk av Lars Bjørndal. I «Ris og ros» skal vi se på oppslagsverk som wiki leksikon og ordbøker.

Episodelenker

Ikke lag tivoli! (WCAG 2.3.x)

Anders Ekkje Slettebø og Erling Håmsø — Sat, 24 Aug 2019 15:00:16 +0200

Blink og glimt kan før til både kvalme og anfall! Da snakker vi om epileptiske anfall, ikke sinneanfall eller den typen utbrudd. Ikke bare handler dette om anfall, også om folk som blir svimle av animasjoner. Noen kan faktisk bli «sjøsyke». I «Ris og ros» ser vi på konsulentbransjen. I «Aside» har vi besøk av uu-ekspert Kristian Munter Simonsen fra Fossekall.

Episodelenker

Ingen tidsklemme (WCAG 2.2.x)

Anders Ekkje Slettebø og Erling Håmsø — Sun, 11 Aug 2019 12:41:03 +0200

Av og til blir man distrahert, og noen trenger kanskje litt lenger tid på å fylle ut et skjema eller fullføre oppgaver. La oss passe på at de får tid til det! Denne episoden snakker mer til de som eier og driver IT-systemene, gjerne sikkerhetsfolk. Vi snakker òg om automatisk oppdatert innhold, som brukeren må få mulighet til å pause. I «Ris og ros» ser vi på banker. I «Aside» snakker vi om begrepet universell utforming, som Anders ikke liker så godt. Er «Design for alle» bedre?

Episodelenke(r)

Sbanken

Legg vekk musa (WCAG 2.1.x)

Anders Ekkje Slettebø og Erling Håmsø — Tue, 23 Jul 2019 12:55:09 +0200

Det er mange som er avhengig av å kunne navigere med tastatur. La oss passe på at det er mulig! Nå er vi ferdig med prinsipp 1 og går over til prinsipp 2, som er «operable» eller «mulig å bruke». Fungerer escape-tasten som brukeren forventer? Kan hen tabbe seg til alle interaktive elementer? Har nettstedet tastatursnarvei for å hoppe til hovedinnholdet? I «Ris og ros» ser vi på offentlige tjenester. Politiet er flinke til mye, ikke bare å fakke tyver.

Episodelenker

Luftig og lettlest (WCAG 1.4.x)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 03 Jul 2019 12:55:42 +0200

I denne episoden snakker vi om god lesbarhet – for alle! Her kommer vi innom visuell visning av tekstblokker, om å unngå to rullefelter, responsiv design, 200 % forstørring, og luft i alle retninger. Å følge WCAG 1.4.8, 1.4.10 og 1.4.12 gjør opplevelsen bedre for mennesker med dysleksi. I «Ris og ros» tar vi for oss utdanningsinstitusjoner, eller skoler som andre vil si. I spalten «Aside» diskuterer vi om trender. Er universell utforming kjedelig?

Episodelenker

Få se! (WCAG 1.4.x)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 19 Jun 2019 06:00:39 +0200

Denne episoden handler om å forstørre tekst, passe på at tekst er leselig – også ved hover eller fokus. Som i forrige episode drøser vi om WCAG 1.4.x, og nå tar vi for oss 1.4.4, 1.4.5, 1.4.9 og 1.4.13. Hva må du tenke på når du lager store, gigantiske megamenyer? Disse reglene treffer svaksynte, ikke blinde. Kodere må passe på å bruke absolutte og relative måleenheter riktig. I spalten «Aside» snakker vi om at universell utforming er dyrt. Eller, er det det? I «Ris og ros» sjekker vi ferjer og hurtigbådet. Alle bør få lov å ta båt.

Episodelenker

God kontrast er som en god leselampe (WCAG 1.4.x)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 12 Jun 2019 06:00:15 +0200

Gjør det enkelt å lese og å skille mellom elementer med for eksempel god kontrast. Det gjelder også for lyd, faktisk! Vi snakker oss gjennom WCAG 1.4.1, 1.4.2, 1.4.7, 1.4.3, 1.4.6 og 1.4.11. I tillegg til fargekontrast snakker vi om bruk av farge for å formidle informasjon, om å styre lyd, og om bakgrunnslyd. I episodens ris og ros-spalte skal vi se på hotellbransjen. Sist, men ikke minst, vi har en gjest med oss. Ingeborg Tande Johnsen jobber med designkonsept og universell utforming, og forteller oss litt om hennes utfordringer.

Episodelenker

La skjema fylle seg selv (WCAG 1.3.5–1.3.6)

Anders Ekkje Slettebø og Erling Håmsø — Wed, 05 Jun 2019 06:00:15 +0200

La oss lage gode skjemaer med korrekte felt. Da blir det mye enklere og raskere for alle å fylle de ut! Dette er god brukervennlighet. Alle kodere må huske på attributtet autocomplete. I segmentet «Aside» snakker vi om den største uu-myten, at universell utforming er å lage løsninger for blinde. I ris- og ros-spalten skryter vi ikke av noen, og snakker dritt om EQ Timing.

Episodelenke(r)

WHATWG: Verdier for autocomplete-attributtet

Trykk på rundingen til høyre (WCAG 1.3.2–1.3.4)

Anders Ekkje Slettebø og Erling Håmsø — Mon, 03 Jun 2019 06:00:27 +0200

Denne episoden handler om å ha en logisk rekkefølge på innhold og ikke referere til ting basert på karakteristikker som plassering og farge. Vi mimrer og humrer litt om Arngren og tipser om Chris Pederick sin utvidelse til Chrome, Web Developer. Vi må beklage vår tidligere anbefaling om å skjule emojier for blinde. Det skal vi ikke gjøre mer!

WCAG 1.3.2, 1.3.3 og 1.3.4.

Episodelenker

Kall en spade for en spade (WCAG 1.3.1)

Anders Ekkje Slettebø og Erling Håmsø — Mon, 27 May 2019 14:50:22 +0200

Denne suksesskriterien handler om å beskrive innholdet i koden med kode – for eksempel med semantisk HTML. Som Difi sier, «Ting skal være kodet som det det ser ut som». Vi snakker om punktlister, avsnitt og overskrifter. Tenkt deg om før du bruker div-er og br-er. I segmentet «Aside» snakker vi om ARIA. I ris og ros kjefter vi litt på Dagsavisen og skryter av Kode24. Plutselig mimrer Erling litt om CSS Zen Garden.

Episodelenker

Hva sa du? (WCAG 1.2.1–1.2.9)

Anders Ekkje Slettebø og Erling Håmsø — Sat, 04 May 2019 18:34:18 +0200

Hvis du er en produsent av lyd eller video så er disse ni suksesskriteriene relevante for deg! Lær blant annet ulike metoder for å legge til undertekster på video. I spalten «Aside» forklarer vi de tre nivåene A, AA og AAA. I ris og ros-spalten gir vi konstruktiv kritikk til TV-Vest og så gir vi ros til NRK som alltid har vært flinke til å lage universelt utformete løsninger.

WCAG 1.2.1, 1.2.2, 1.2.3, 1.2.4, 1.2.5, 1.2.6, 1.2.7, 1.2.8 og 1.2.9.

Episodelenker

Hva er det på dette bildet? (WCAG 1.1.1)

Anders Ekkje Slettebø og Erling Håmsø — Mon, 15 Apr 2019 14:36:40 +0200

Dette er første episode av podkastserien Universelt Utformet som hvor vi forklarer alle suksesskriteriene til WCAG på en lettfattelig måte. Første episode handler om å gi et tekstlig alternativ til ikke-tekstlig informasjon (bilder og lignende), for eksempel alternativ tekst (også kalt alt-tekst) på bilder. Dette er spesielt viktig for blinde. Vi snakker om skjermlesere som VoiceOver, Narrator, Jaws, Talkback og NVDA. I spalten «Aside» er vi voldsomme i språket og sier «fuck WCAG», blant annet fordi retningslinjene har ganske lite fokus på kognitive utfordringer.

Episodelenker