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

• Difi: Kontekstendring
• Jakob's Law
• Should I use a carousel?
• Felleskjøpet
• Plantasjen
• Jernia
• Flisespikkeriet

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

• Nielsen Norman Group
• Aleris
• NHI
• Lommelegen
• Nemus

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

• Christopher Hills på Youtube
• Google Trends
• Hands Optional
• Equinor
• Shell
• Aker BP

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

• Stavanger Taxi
• Oslo Taxi
• Taxi1
• Bergen Taxi
• Lyft
• Uber
• Fitts's Law
• Norgestaxi

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. 

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

• Normalize.css
• HTML5 Boilerplate
• Deque University
• Deque: Screen Reader Keyboard Shortcuts and Gestures
• NVDA
• Finn
• Letgo
• Tise
• The WebAIM Million

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

• Steve Krug: Don't Make Me Think
• Using the aria-label attribute
• Using the aria-labelledby attribute
• Web Developer, utvidelse til Chrome
• Komplett
• Elkjøp
• Stormberg
• Clas Ohlson
• Netlight
• SVG

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

• Podkasten Fiffig
• Difi: Snarveier og hurtigkommandoer
• tabindex
• NVDA
• Ahrefs
• Tissot Silen-T Watch
• Org mode
• GNU Emacs
• Elinks
• ChromeVox
• Ordnett
• Lynx
• Why use the language attribute?
• Using aria-expanded to indicate the state of a collapsible element
• details: The Details disclosure element
• Store norske leksikon
• Bokmålsordboka | Nynorskordboka
• NDLA

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

• CSS: prefers-reduced-motion
• Bekk
• Try
• Apriil
• Kampanjes byråguide
• 6. sans
• Can I use
• Can I use prefers-reduced-motion?
• Fossekall Teknologi
• Axe
• Siteimprove Accessibility Checker
• Accessibility Insights
• Github: Axe-core
• Muligheter og begrensninger med automatiserte testverktøy for tilgjengelighet
• Benchmarking web accessibility evaluation tools: Measuring the harm of sole reliance on automated tests

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