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

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

• NAV 
• Altinn
• Skatteetaten
• Politiet
• helsenorge.no
• norge.no
• Qbrick
• Brightcove

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

• Web Developer
• Material Design
• Trones skole
• Min skole
• Universitetet i Stavanger

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

• CSS3: rem
• Fjordline
• Color Line
• Norled
• Norled booking

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

• Ingeborg Tande Johnsen
• NRKbeta: Slik gikk det da jeg omgjorde fargene på mobilen til kjedelige gråtoner
• The Design of Everyday Things
• Adobe Blog: Why I Don’t Believe in Empathic Design
• Constrast ratio
• Apple: Color and Contrast
• Google: Fargekontrast
• Sirdal Høyfjellshotell
• Thon Hotels
• Nordic Choice Hotels
• De Historiske Hotel
• EasyAll – en praktisk miniguide i universell utforming

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

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

• Web Developer
• Arngren

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

• Just Read
• Google Webmaster Guidelines
• Designing with Web Standards
• WebAIM
• The WebAIM Million
• Dagsavisen: Fikk ikke kjøre videre slik – fører anmeldt for flere forhold
• CSS Zen Garden
• Aftenbladet: Jeg bare spøker. Jeg vet godt at jeg ikke er en prinsesse
• Kode24
• CodePen
• Kode24: Slik skaper de kunst med ren CSS

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

• WCAG 1.2
• Amara
• Tilværelsen bedre med Asfalt
• Nytt på nytt

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

• W3C
• WCAG
• Aside
• WCAG 1.1.1
• Voiceover (macOS)
• Narrator (Windows)
• Jaws (Windows)
• NVDA (Windows)
• Talkback (Android)
• Norske forskrifter (Difi)
• WAD (Web Accessibility Directive)
• Section 508
• Webstep
• Okse
• Sandnes kommune
• Modalen kommune