Universelt utformet

Anders Ekkje Slettebø og Erling Håmsø

En podcast om universell utforming hvor vi går gjennom alle de 87 (egentlig 88) tørre suksesskriteriene i WCAG 2.1 på 30 ikke-fullt-så-tørre episoder 😁

  1. Konsistent hjelp (WCAG 3.2.6)

    10 FEB

    Konsistent hjelp (WCAG 3.2.6)

    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 Ardvark: WCAG in plain EnglishGrafisk styreelementThe top 10 web design mistakes of 1999Postels lov

    29 min
  2. Dra og slipp, og for små knapper (WCAG 2.5.7 og 2.5.8)

    03/12/2025

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

    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 AAArdvark: 2.5.7 Dragging MovementsAAArdvark: 2.5.8 Target Size (Minimum)Podlink

    33 min

  3. 24/09/2025

    Hold fokus (WCAG 2.4.11–2.4.13)

    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 WCAG 2.2CSS: scroll-paddingCSS: scroll-behaviourCSS: :focusCSS: :focus-visibleAcquired: IKEAHTML: inert

    30 min

  4. 30/12/2019

    Statusbeskjeder (WCAG 4.1.3)

    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 Haugen bokArk«Universell utforming» av Morten TollefsenAngular MaterialHanabryggeneOkseWebstep

    33 min

  5. 29/12/2019

    Skreddersøm (WCAG 4.1.2)

    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 MDN web docs: detailsMDN web docs: summaryDesign i Norge 2018The WebAIM MillionDifi: kompleks funksjonalitet i skjemaKolonialSparMeny

    48 min

  6. 28/12/2019

    Feilfri kode (WCAG 4.1.1)

    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 W3C sin kodevalidatorOdeonDocument Object Model (DOM)Bergen KinoFilmwebNordisk Film Kino

    24 min

  7. 27/12/2019

    Hjelp meg i skjema (WCAG 3.3.5)

    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 Difi: veiledningsteksterGoogle Material: text fieldsCloud Four: An HTML attribute potentially worth $4.4M to ChipotleMDN web docs: HTML attribute patternMDN web docs: HTML attribute maxlengthHytech PersonnelManpowerAdecco

    32 min

  8. 26/12/2019

    Ikke la meg feile! (WCAG 3.3.x)

    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 Google Material: Text fieldsDifi: Testprosedyre – indikator 3.3.4 aDifi: Testprosedyre – indikator 3.3.4 bDifi: Testprosedyre – indikator 3.3.2 aJakobs lovA Designer’s Code of EthicsEtiske retningslinjer for designereTicketmasterTicketcoGestalt Theory for UX Design: Principle of ProximityTix

    1hr 38min
See All (29)

4.6
out of 5
17 Ratings

About

En podcast om universell utforming hvor vi går gjennom alle de 87 (egentlig 88) tørre suksesskriteriene i WCAG 2.1 på 30 ikke-fullt-så-tørre episoder 😁

Information

  • Creator
    Anders Ekkje Slettebø og Erling Håmsø
  • Years Active
    2019 - 2026
  • Episodes
    29
  • Rating
    Clean
  • Copyright
    © All rights reserved
  • Show Website
    Universelt utformet