Uu-podcasten: Ubrukelig

Introduksjon

Erling: Hallo Anders. Går det bra?

Anders: Hei Erling. Det går bra. Vi sitter her og fotflørter, så jeg vet ikke om det er et tegn på at vi har for liten avstand.

Erling: Vi har kanskje det. Vi sitter jo ved et ganske langt bord. Så har vi jo begge bein som er lengre enn én meter hver, så det kan være årsaken. Jeg vet ikke hvor mye korona som smitter via føtter.

Anders: Fotflørting. Nei, jeg tror ikke det er noen offisielle retningslinjer, om det er lov. Det går veldig bra. Vanligvis så er det jo kveldskos, fredagskos. I dag er det plutselig blitt onsdag og klokken er …

Erling: Nå har den blitt fem på syv. Vi begynte klokken seks. Har vi brukt en time på fjas?

Anders: I Anders og Erling-ånd. Det er ikke uvanlig. Du virket så overrasket.

Erling: Jeg var overrasket over hvor lang tid det var.

Anders: Jeg har det bra, jeg tar ordet med én gang jeg Erling. De tre nivåene av uu-arbeid er jo automatisk testing, det er det minste du kan gjøre. Vi vet jo at en automatisk testing ikke finner alt en bør finne. Så bør en gjøre manuelle evalueringer i tillegg. Det som er øverst i hierarkiet er jo brukertest med folk som har funksjonsnedsettelser. Det er noe som dessverre jeg gjør alt for lite av.

Erling: Tror ikke bare det er du som gjør alt for lite av det.

Anders: Neida, men jeg erkjenner at det å tro at jeg kan forstå ulike utfordringer, det er naivt å tro. Men i går fikk jeg gjort en reell brukertest.

Erling: Hvordan var det?

Anders: Jeg vil bare nevne høydepunktene. Det var veldig verdifullt for meg og for den tjenesten vi testet. Jeg testet med ei som heter Johanna som både har nedsatt syn, hørsel, balanse og kognitive evner. Motorikk òg. Hun har sine utfordringer. Men det er to ting som jeg vil trekke frem fra den testen i går, som var litt overraskende. Én – hun ble veldig forvirret av utydelige bilder. Altså bilder som egentlig bare var der for å skape en stemning, som hun ikke skjønte motivet av – som ingen skjønner motivet av – men hun som svaksynt er vant med å prøve å forstå bilder. Hun bruker energi på å tolke dem. Men når det er et bilde som i utgangspunktet skal tolkes, for det er bare en visuell effekt, så ble hun stresset av det. Den vanlige uu-responsen, eller teknikken, er jo å ha tom alt-tekst, det er jo bare dekorative bilder. Men det aspektet med det var helt nytt for meg. Så kanskje en skal tenke seg om litt ekstra når en setter inn bilder som ikke har noen mening. Kan du oppnå det samme på en annen måte? Den andre tingen var at hun hadde så dårlig oppløsning på sin skjerm, sannsynligvis bevisst, at hun så på løsningen med mobilvisning som standard. Så hun var veldig vant med å navigere med mobilvisning. Det var ikke noe hun kommenterte, det var min observasjon. Hun sa at her er en meny, med de tre strekene. Det er jeg vant med, det vet jeg.

Erling: Det var godt å høre.

Anders: Hun var ikke bevisst på at hun så en mobilversjon. Det er noe å tenke på, at mobil er ikke bare mobil.

Erling: Mobilvisningen trigger dersom du skrur ned oppløsningen.

Anders: Fordi skjermbredden blir mindre. Eller vindusbredden blir mindre. Det kan jo òg slå inn når du forstørrer siden. Jeg har ikke noe konkret jeg kan gjøre med det.

Erling: Det er jo òg å teste mobilvisning med tastatur. Når vi tester med tastatur, så ser vi ofte på en desktopoppløsning. Så kanskje det er en lærdom?

Anders: Nå brukte ikke hun tastatur, men det var et viktig poeng.

Erling: Veldig kjekt å høre.

Anders: Det var en veldig kjekk dag. Jeg håper det var det for oss begge. Hun bidro i stor grad.

Erling: Folk liker som regel å bidra.

Anders: Snakket som en foss, så det var mye å ta inn.

Erling: Skal vi komme igang med dagens offer? Hvem har vi valgt i dag?

Anders: I dag har vi valgt Whereby. Den type tjenester, videokonferanse, har hatt en veldig oppsving nå som vi sitter hjemme. Det er en norsk tjeneste, noe ikke så mange vet. Den het tidligere Appear.in. Måtte av noen navnerettigheter måtte de skifte navn. Som vanlig, så har jeg varslet dem. Hei, vi skal snakke om dere i podkasten Ubrukelig. Fikk tilbakemelding fra produkt- og teknisk sjef, Ingrid. Hun var kjempepositiv. Jeg har blitt litt overrasket over det.

Erling: Responsen du får?

Anders: Ja. Folk er positive. Det er enten manglende respons eller positiv respons. Disse sier at dette er et viktig tema. De er ikke gode på det, vi vet at vi ikke er gode på det. Det er det beste. Så får vi håpe at vi behandler dem fint. De er greie med oss og vi er greie med dem. Vi skal være ærlige.

Erling: Dønn ærlige. Jeg må òg si at jeg er veldig stor fan av Whereby. Det er min goto videotjeneste. Det funker som en kule.

Anders: Hvor mange videotjenester har du vært innom de to siste månedene?

Erling: Ikke så enormt mange. Zoom, Teams, Slack, Skype. Det er de jeg kommer på.

Anders: Ikke Google?

Erling: Google òg, jo. På et foredrag. Utenom at det ikke funker så bra i Firefox. Whereby.

Anders: Det visste jeg ikke.

Erling: Det fant jeg ut på den harde måten. Det hakket. Jeg tenkte at det var linjen min. Det var det ikke. Det var Firefox. Whereby må jeg bruke Chrome. Det har jeg hørt flere andre har sagt.

Anders: Min foretrukne er egentlig Slack. Det er jo ikke et alternativ. Du kan jo ikke invitere utenforstående. Jeg synes det er veldig smidig i prosjektene jeg jobber, der vi har hverandre på Slack, å bare åpne en videosamtale.

Erling: Vet du hva jeg liker godt med Slack sin løsning? At du kan tegne på skjermen.

Anders: Jeg tegner jo mye, vet ikke hvor nyttig det er.

Erling: Du synes det er greit, ikke sikkert de som ser på synes det.

Anders: Så da er det Whereby. Kjerneoppgaven i dag, Erling?

Erling: Starte en videosamtale med en annen deltaker.

Anders: Det vil si at vi ikke skal gå gjennom registreringsprosessen. Vi har jukset litt. Forutsetningen er at vi er registrerte brukere. Vi hopper rett til kjernen av løsningen. Det har vi ikke gjort de andre gangene. Sånn skal vi kunne gjøre med en kjerneoppgave.

Erling: Jeg er enig. Det er den oppgaven folk bruker mest. Oftest. Folk lager konto én gang.

Visuelt

Anders: La oss gå på første kategori, det visuelle.

Erling: Nå er vi på whereby.com/user. Der du havner når du er innlogget. Skal vi si noe om forsiden, whereby.com?

Anders: Jeg har lyst til det. Det er litt det samme på begge de. Når du er innlogget havner du på /user, altså inne på din bruker. Men på det visuelle må jeg si at jeg blir oppriktig glad.

Erling: Nå er du på forsiden.

Anders: Ja, på begge. Fargebruk, typografi, bruk av luft, illustrasjoner. Dette er terningkast 6 fra meg. Jeg blir så fascinert at folk klarer å finne sin egen stil, og åpenbart legger ned mye energi i detaljene. Det er blitt mye diskutert, at alt er likt, dette med Bootstrap og Material Design. Vi gjør webben for lik. Alle sider blir like. Folke mister sin identitet. Det er fordeler og ulemper med det. Dette er et stort friskt pust i motsatt retning. Her har de ikke tatt utgangspunkt i en mal. De har valgt en veldig tydelig identitet. De har underbygget med innhold og sidekonsepter. Dette synes jeg er knallbra!

Erling: Det som er fint er at de har gjort det likt som alle andre, på én måte. Det handler om struktur.

Anders: De følger noen grunnkonvensjoner.

Erling: Menyen oppe til høyre, logo oppe til venstre. Du har tekst midt på som forteller hva de gjør. Du har en call to action og så videre. Men det har sjel. Det har personlighet. Og det ser fint ut.

Anders: Illustrasjonene er laget akkurat til dette formålet. De bruker mange fugler som flyr. Sammen med teksten Freedom to work from anywhere. De spiller tekst og bilder i sammen. Det er klasse!

Erling: Dette er et bevis på at du kan følge konvensjonene, og fortsatt lage noe med sjel og personlighet. Og utfolde deg til en viss grad.

Anders: Kontrasten er god. Stor tekst. De bruker typografiske grep.

Erling: De er tydelig på det folk lurer på, som pris.

Anders: Salgspunktene deres er ganske unike. Det er ikke bare bedriftsbullshit.

Erling: Skal vi gå inn i innlogget modus, å snakke om det?

Anders: Der er jeg inne. Jeg har en svak rosa bakgrunnsfarge. Store, fine bokstaver – Welcome. Jeg har både en toppmeny og en venstremeny. Og jeg har rommene mine i midten, med en hvit bakgrunn som gjør at det veldig tydelig at er en egen seksjon.

Erling: Og en stor knapp som sier go to room. Det ser generelt bra ut. Du òg har det på engelsk?

Anders: Vet ikke om det finnes på norsk.

Erling: Ikke jeg heller.

Anders: Det jeg synes er litt rart her at de har den siden vi er på vises som en knapp i venstremenyen. Det er uvanlig. Det er helt umulig for meg å visuelt skille at her er jeg, og hva som er en knapp jeg bør trykke på. Egentlig har den rooms nå mer blikkfang enn to andre primærknapper som er «Upgrade now» og «New room».

Erling: Jeg skulle til å skryte av den tydelige aktive menyelementet.

Anders: Men er det viktigere enn hva du skal gjøre på den siden du er på?

Erling: Nei, det slo meg ikke at den tok oppmerksomhet, for den var så tydelige i konteksten sin. Jeg ser hva du sier, men jeg vet ikke om jeg er enig. Det er ikke et problem. Den står som et punkt i en liste. Det er fortsatt en gjeldene og relevant observasjon.

Anders: Så synes jeg at det at de kaller det for rom er fint. Det er mentalt sett veldig tydelig for meg hva et rom i denne konteksten er for noe. Jeg vet ikke om andre gjør det.

Erling: Jeg kommer ikke på hva annet de bruker. Chatroom liksom.

Anders: Room er kjempebra. Skal vi si noe mer på det visuelle?

Erling: Det er fint. De bruker en dekorativ illustrasjon. En kan argumentere for at den er forstyrrende, men jeg synes ikke den er det.

Anders: Den illustrasjonen vi ser på den er veldig forseggjort, men òg veldig abstrakt og rar og kunstnerisk. Det er noen blader som springer rundt på bakken med noen føtter. Og så er det en dame som har to soler som hode, som sitter og kikker på en liten mann som hun holder i hånden.

Erling: Det har ingenting med videosamtale å gjøre.

Anders: Nei, det er kanskje en tanke bak, men ikke som jeg klarer å forstå.

Erling: Men det drar jo hele konseptet fra forsiden inn i innlogget modus. Det skal de få litt kudos for òg, for det er mange som har en veldig forseggjort landingsside og markedsside, og så logger du inn, og så forsvinner all sjelen. Her har de tatt det videre.

Anders: Det er gode kontraster og tydelig språk. De bruker ikke noen ord som er forvirrende. Det er veldig ryddig.

Erling: Og de har en footer med masse forskjellig. Typiske ting du forventer å finne i en footer, så det er bra. Men det er ikke i veien for hovedoppgaven på noen måte. Generelt ganske bra. Hvis jeg skal trekke frem noe, så er det den linjen med navnet på rommet, og knappen for å gå til rommet – det er stor avstand mellom dem. Hører den «Go to room» til den til venstre der, som hos meg heter Dagros.

Anders: Hos meg heter den Svetti. Du har kalt et rom for Dagros. Det tipper jeg har noe med at du jobber i Okse å gjøre.

Erling: Det er korrekt.

Anders: Har dere en maskot som heter Dagros, en fiktiv okse?

Erling: Nei, nå har vi oppgradert til business plan. Vi har Fjoset, så Dagros og Litago. Som vi har drukket i morges tilogmed.

Anders: La oss gå videre.

Tastatur og skjermleser

Anders: Vi skal kjøre litt tastaturnavigasjon og skjermleser. Nå skal vi vekk fra det visuelle. Vi minner om kjerneoppgaven som er å starte en ny videosamtale med en ny deltaker. Jeg åpner Safari og skrur på Voiceover. Så venter vi på at hun er i gang.

Voiceover: Voiceover på Safari. Videomeetings on screen sharing.

(Mye uforståelig informasjon)

Anders: Der hører vi at hun snakker engelsk på norsk. Altså hun forstår ikke at det er engelsk, stakkars. Der har vi jo en feil med én gang. Disse her har ikke sagt at teksten er på engelsk. En skjermleser på min norske maskin blir forvirret.

Erling: Det er fort en showstopper.

Anders: Det er en sak som nok går igjen i automatisk test og kodeevaluering.

Erling: Stemmer det.

Anders: Altså de har ikke et attributt som heter lang på HTML-elementet sitt.

Erling: Dette er kanskje den enkleste tingen å fikse. Det er superenkelt.

Anders: Og oppsiden er stor.

Erling: For de som bruker skjermleser.

Anders: Og for Google. Google òg foretrekker å vite språk. Nå er kanskje Google litt smartere enn skjermleseren, for Google her, for Google vil tolke dataen og finne språk. Det prøver ikke skjermleseren å gjøre. Den er dum som et brød. Det vi begynner å gjøre som alltid, vi trykker på tab.

Voiceover: Brukte lenke, https://whereby.com/.

Anders: Vi har fått to av to feil. Whereby, dette går ikke så bra. Her hørte vi at hun leste opp en lenke, og lenketeksten var URL-en, som betyr at de har et bilde som er en logo som ikke har alternativ tekst, og da gjør Nora det beste hun kan. Hun har to alternativer – hun kan enten lese opp filnavnet til bildet, og det hadde hun gjort dersom det ikke var lenket, eller så kan hun lese hvor lenken går. Som gir litt mening, men det er ganske forstyrrende. Der kan jeg minne om at å ha alternativ tekst på bilder, det er kriterie 1.1.1. Det er så elementert.

Erling: Det første dag, første time på skolen, så lærer du det.

Anders: Jeg trykker tab én gang til. Vet du hva du kan gjøre samtidig? Du kan ta den visuelle markeringen. Når jeg har på skjermleser, da legger skjermleseren på en ekstra fokusmarkering, så jeg bør ikke kommentere det.

Erling: Da kan jeg røpe at nå ser jeg ikke hvor jeg er er.

Anders: Er du på logoen, eller har du gått videre?

Erling: På logoen har jeg default markering. På neste er jeg ute i det usynlige land.

Voiceover: Lenke upgrade now.

Anders: Upgrade now, hun leser fortsatt på norsk. Den har ikke fokusmarkering. Hvorfor fikk du upgrade now når du er sånn super forretningsbruker?

Erling: Den oppgraderte forretningsbrukeren ligger på et annet domene, på okse.whereby.com. Her er jeg logget inn som privat.

Anders: Du har to kontoer.

Erling: Ja.

Anders: Da går vi videre.

Voiceover: Lenke Anders Ekkje Slettebø AS.

Anders: Der hørte vi at hun sa Anders Ekkje Slettebø. Det er fint det. Det er mitt navn. Men hun sier ikke intensjonen med lenken. Der må jeg tenke hva som kan ligge bak navnet mitt, som jo er profilinformasjon. Hun sier heller ikke om det er noen undervalg her.

Erling: De har default fokusmarkering, men det er kun venstresiden som viser, som betyr at det er deler av dette elementet som er skjult. Overflow hidden.

Anders: Så sa hun òg initialene mine. Det er fordi det er et lite ikon. Det kunne vært ignorert. La oss gå videre.

Voiceover: Nåværende side, brukte lenke rooms.

Anders: Der var det noe interessant, for hun sa nåværende side. Det tipper jeg, uten at jeg har sett i koden, at de har et attributt som heter aria-current="page".

Erling: Det er korrekt, Anders.

Anders: Dette forstår jeg ikke. Fordi aria-current er lite brukt attributt. Her har de brukt det riktig. De har prioritert det foran å sette et lang-attributt.

Erling: Og alt-tekst på logoen.

Anders: Og husk at det attributtet er kun for skjermlesere. De har tatt grep. Forklaringen er sannsynligvis er at de bruker et bibliotek som gjør dette for dem, uten at de vet hva det er. De har fått det gratis. De har ikke fått det gratis på HTML-elementet sitt.

Erling: Så mye tillit har vi til de som har utviklet dette.

Anders: De har bedt om det. Neida.

Erling: Nei, det har de ikke. De har fått beskjed om det.

Anders: Men her er diskusjonen, litt som Bulder gjorde, de lenket jo ikke til dette valget man er på. Er det vits at jeg får opp nåværende side som en lenke? For veien frem til hovedinnholdet. Det har vi ikke nevnt, de har ikke noe hopp til hovedinnhold, som jeg i denne situasjonen nå hadde hatt behov for. Jeg vil til kjernen.

Erling: Spesielt hvis dette er noe du bruker ofte. Du er innom ofte og skal starte en videosamtale. Da hadde det vært glimrende med hopp til romoversikten.

Voiceover: Lenke subscription. Lenke account. Lenke (noe uforståelig).

Anders: Vi får ikke her beskjed om at vi er i en navigasjon, som har fem elementer.

Erling: Hvorfor gjør vi ikke det?

Anders: Det som er en god praksis – her har de to menyer, en topp og én venstre meny. De bør du kode med nav-elementet. Når du bruker to nav-elementer på én side, så bør du skille dem, så du bør putte på en aria-label på hver av dem for å fortelle hva som er forskjellen på dem. Hvis du hadde gjort det, så ville det vært tydelig – åja, nå er jeg i en venstremeny. Men hvis du vet at du er på siden med rommene, så kan du bare hoppe forbi de valgene. Nå må jeg høre etter hele tiden, hva er det som kommer, i tilfelle jeg kommer forbi den menyen. Dersom jeg hadde visst på forhånd at den består av fem elementer, og jeg vet at jeg ikke skal lete etter noe i den menyen, så kunne jeg brukt løsningen raskere.

Voiceover: Lenke logo ut.

Anders: Logo ut? (Anders og Erling ler). Log out. Visuelt ser vi nå at vi er på siste menyelement.

Erling: Fortsatt standard fokusmarking.

Anders: Som vi sa sist gang, standard fokusmarkering kommer nå til å bli ganske mye bedre i Chrome.

Erling: Jeg kan òg si at den er bedre i Chrome enn i Firefox. I Firefox er det kun en tynn stiplete linje.

Voiceover: Lenke Svetti.

Erling: Hva var det?

Anders: Nå kom vi til en lenke som heter Svetti. Den lenken gir jo ikke mening uten kontekst. Vi som ser dette nå, ser at vi er inne i et rom som heter Svetti, men det sier ikke hun. Der tenker jeg at de burde ha supplert med Rommet Svetti som en aria-label. At hun leste Svetti mye lavere …

Erling: Hvorfor gjorde hun det.

Anders: Aner ikke.

Voiceover: Lenke Svetti.

Erling: Jeg ser ingenting i koden. Det er vanskelig å lete. Dette er det som du kalte for divorama. Her er det div på div på div.

Anders: Jeg går videre. Oppgaven er at jeg skal starte en ny samtale, og jeg skal invitere deg. Jeg vil ikke bruke Svetti. Det rommet bruker jeg med noen andre folk.

Voiceover: Lenke go to room.

Anders: Der må vi òg tolke oss frem til at det er Svetti. Som du sa er den knappen ganske langt fra Svetti, selv om den er på samme linje. Ok, jeg går videre.

Voiceover: Join other room, knapp.

Anders: Nei, videre.

Voiceover: Add more rooms, knapp.

Anders: Det er der jeg skal. Det er en knapp. Helt perfekt. Trykker enter. (Stillhet).

Anders: Nå fikk jeg opplest tittelen og fokuset ble satt til logoen, og jeg fikk ingen indikasjon på hva som skjedde. Visuelt sett så får jeg ingen indikasjon på hva som skjer. Det er skjedd to forskjeller, visuelt sett, som ikke har blitt fortalt meg med skjermleseren. Det er at knappen add more rooms, som er en sekundærknapp, den heter nå close, og jeg vet ikke hva jeg skal close. At det står close der, gir for meg ingen mening.

Erling: Du ser ikke at noe har skjedd, du har ikke fått beskjed om at noe har skjedd.

Anders: Det jeg ser er at helt i bunn av siden, så er det nå dukket opp tre kolonner med business, pro og free. Ja! Og så står det en tekst over: To add more rooms, update to pro or business. Ok, så her er det en begrensning. Her vil jeg si at nå har de mistet meg som skjermbruker.

Erling: Hvordan kunne de ha gjort dette bedre?

Anders: Løsningen her er veldig enkel. Glad at du spør. Siden vi er på samme siden. Den meldingen, som er en informasjonsmelding, To add more rooms, update to pro or business., den må ha attributtet aria-live på seg. Som betyr at når dynamisk innhold endrer seg, så leses det opp. Så her er vi tilbake til start, gir ingen mening. Og hvis du begynner å tabbe deg gjennom, vil du ikke få noe beskjed om at noe har endret seg. Du ble bare sparket ut av flyten, rett og slett.

Erling: Og igjen, en enkel løsning på det.

Anders: I denne produktoversikten har de valgt motsatt vei av det som er vanlig. Sikkert bevisst. De har free til høyre, så har de business, den dyreste pakken, helt til venstre.

Erling: Men free er òg den du har. Det er current plan. Jeg vet ikke om det har noe med saken å gjøre.

Anders: Nå skrur jeg av skjermleseren. Vi er ferdig med henne. Total feil.

Voiceover: Voiceover av.

Anders: Det jeg vil gjøre nå med tastatur er å fjerne Svetti og lage et nytt. Jeg har bare free nå, men jeg trenger bare ett rom om gangen. Så jeg har fortsatt lyst å invitere deg.

Erling: For du er litt flau over Svetti-navnet?

Anders: Ja, det er mitt interne kallenavn, internt i en liten gruppe. Og nå er jo vi to superprofesjonelle, Erling. Jeg skal invitere deg til en profesjonell prat. Jeg tabber meg til Svetti. Så tabber jeg meg til go to room, som ikke har fokusmarkering. Og så join other room. Det kan jeg si at her har de en kebabmeny, som ikke er tilgjengelig med tastatur. Den er kun tilgjengelig med hover, som er dumt. Jeg har ikke mulighet å slette Svetti-rommet med tastatur.

Erling: Der ja. Nei.

Anders: Kebab er altså tre prikker. Det er kanskje ikke kebab når den er liggende? Jeg vet ikke. Det er en ellipse.

Erling: More icon. Et eller annet.

Anders: Jeg prøvde bare å imponere med litt stammespråk.

Erling: Det er derfor folk bruker stammespråk, for å imponere litt.

Anders: Så lenge jeg forklarer det etterpå håper jeg at jeg er tilgitt. Derfor jukser jeg litt nå. Her kommer et nytt stikk til Whereby. De har en menyknapp. Eller en knapp som skjuler et valg, og kun ett valg.

Erling: Knappen i seg selv er òg skjult frem til hovrer. Hvis du tilfeldigvis tar muspekeren over der, så har du ett valg.

Anders: Da lurer jeg på hvordan det er på mobil, hvordan sletter du det på mobil? Det virker veldig rart. Jeg skal slette dette rommet, og da må jeg hovre. Jeg sletter det. Da fikk jeg opp en modal. Den er heller ikke tastaturvennlig. Nå vet jeg ingenting. Jeg vet ikke om jeg er i en tastaturfelle.

Erling: Du vet ikke hvor fokuset er nå?

Anders: Nei. Jeg vet ikke hvilken knapp jeg skal trykke på. Nå jukser vi. Vi skal prøve kjerneoppgaven. Jeg tar delete this room. Deleting Svetti makes it available for others to own. Teksten her er ganske bra. Nå endrer grensesnittet seg. Nå har overskriften endret seg til Create your personal room. Nå legger jeg vondviljen til. Personal er for meg mer knyttet til privat, at jeg skal bruke dette i privat sammenheng. Vi to er jo superproffe. Litt pluss, fokuset ble satt i det feltet som jeg skal skrive navnet i. Pluss til tjenesten Whereby, når du lager et rom, så får du bestemme navnet selv. Det er fint at Svetti blir frigjort. Jeg kaller selvfølgelig dette rommet for Ubrukelig, men det er already taken.

Erling: Det er greit.

Anders: Nå er vi ferdige med skjermleser, men sannsynligvis så burde den feilmeldingen der vært lest opp med aria-live.

Erling: Har du tillit til at det er gjort?

Anders: Nei, jeg har mistet tilliten. Jeg synes det er bra at de bruker gul til det.

Erling: Gul?

Anders: Gul som farge for å fremme denne feilmeldingen. Den er ikke hard. Du har ikke dritet deg ut, bruker. Det er mer sånn, unnskyld, dette navnet er allerede tatt.

Erling: Det er mer en informasjonsbeskjed enn en feilmelding. Du tenker at hvis de hadde brukt rødt, hadde det vært litt for hardt?

Anders: Ja. Den gulfargen går igjen i de illustrasjonene, som igjen går på det visuelle, moah! Da prøver jeg et navn som heter Ubrukeligpod.

Erling: Hvis det er tatt, da …

Anders: Jeg gir opp å bruke tastatur, jeg er tilbake på mus. Create my room, er en stor knapp. Det som skjedde nå var veldig rart, fordi jeg var alt for langt nede på siden. Jeg ble scrollet ned, så jeg så ikke at Ubrukeligpod ble laget som et rom. Jeg mistet sammenhengen. Jeg vet ikke hvorfor det skjedde. I oversikten har jeg et rom som heter Ubrukeligpod. Jeg trykker på knappen Go to room. Her får jeg opp et bilde. Her er det en moremeny igjen, og her gjør de samme tabben. Her er den synlig hele tiden, men den har kun et valg bak. Forrige gang var det delete, nå er det bare hjelp. Så kan du si at de har planer om å legge mer ting bak der, så derfor …

Erling: Gjør heller de da.

Anders: Det er så mye tydeligere å bare skrive hjelp.

Erling: Det gir ikke mening å gjemme den lenken der.

Anders: Nå har fargene endret seg litt. Eller, bare bakgrunnsfargen. Det synes jeg er greit, de sier at jeg er en annen plass, du er i et annet rom. Her kommer dagens første kritikk til tekst. Her er det en del tekst, jeg er på vei inn i et videomøte. Primærknappen heter nå «Be om tilgang». Hva?

Erling: Det ser ikke jeg.

Anders: Det er sikkert fordi jeg ikke har aktivert tilgang på kamera og mikrofon. Jeg leser ikke denne teksten, jeg ser rett på knappen som jeg må trykke på for å komme videre. Gi meg den informasjonen i teksten. Aktiver kamera og mikrofon.

Erling: Nå står det bare Be om tilgang? Enig.

Anders: Jeg trykker på det, så får jeg opp en beskjed fra Safari om Safari skal få lov å bruke dette. Det vil jeg jo. Så «Be om tilgang», det er litt sånn nei. Jeg ser meg selv. Veldig bra at ikonet for lyd viser en liten equalizer. Nå er teksten endret til «Bli med i møtet», veldig tydelig. Sånn, så skal jeg invitere deg. Nå er jeg inne i hjertet av løsningen. Vi må jo snakke om det, det er jo dette Whereby handler om. Alt det vaset før nå, det er jo viktig det òg, men nå skal jeg jo invitere deg. Der jeg forventer å finne deg. Der står det «del lenken for å starte møtet».

Erling: Står det på norsk nå?

Anders: Ja! Bra observert. Alt er på norsk. Kamera, mikrofon, deltakere. De har tydeligvis bare oversettelse på …

Erling: Mitt står på engelsk, det er fordi jeg har engelsk operativsystem. En annen ting jeg ser her er at det er et lang-attributt.

Anders: Ahh! Så det er forskjellige folk som er ansvarlig for inn- og utlogget versjon.

Erling: Eller så kom de på det når de laget denne, men ikke når de laget den andre.

Anders: Her forventer jeg å få en sånn som jeg bare kan skrive inn din e-postadresse, men det er en knapp som heter del lenke. Da får jeg opp … ahh. Det var bra det altså, det funket.

Erling: Du må fortelle hva som skjedde.

Anders: Jeg fikk opp operativsystemmenyen for deling av ting. Det har jeg ikke sett før. Det vil si at jeg kunne trykke på meldinger, da kan jeg skrive Erling og så trykke på send.

Erling: Det fikk jeg ikke i Chrome, dette tipper jeg er en Safari-greie.

Anders: Hva fikk du i Chrome?

Erling: Der stod det bare «Link copied. Paste and send anywhere to invite someone to this room.»

Anders: Enten har Safari gjort noe smart, eller så har de utnyttet Safari sine muligheter her.

Erling: Det er bra. Det er én av de tingene jeg liker veldig godt med Whereby. Superenkelt å invitere noen til et rom. Hvis du deler en lenke, det er alt. Helt konge. Ingen konto, ingen innlogging. Ingen baddel.

Anders: Ingen installasjon.

Erling: Da fikk jeg en lenke fra deg på SMS, så klikker jeg på den. Så kommer jeg inn en plass hvor det står «This room is locked. The host will se you picture when you knock, and will let you in when they are ready». Jeg har det på engelsk, som sagt.

Anders: Men har du knocket da?

Erling: Det har jeg ikke. Da skal jeg gjøre det. Knock. Da kom det en liten fin lyd.

Anders: Hårløs menig ønsker å delta.

Erling: Det er meg, ja.

Anders: Se hvem, slipp inn. Der var du inne. Vi skal jo se på dette i lys av universell utforming. Det jeg vil trekke frem som positivt er at ikonene i bunn har både tekst og fine ikoner. For eksempel det ikonet som heter forlat, det hadde vært veldig utydelig for meg hvis det ikke hadde stått forlat. Det er en rød hånd.

Erling: Ikke bare det. Nå hadde det vært fint om du mutet mikken din. Da endrer ikonet seg òg til et annet ikon med strek over. Da er du ikke avhengig av at folk forstår farge eller kan se fargen.

Anders: Der har de brukt gode virkemidler. Nå har vi oppnådd oppgaven.

Erling: Her har jeg lyst å prøve tastaturnavigasjon for å komme meg ut av dette rommet. Nå vil jeg avslutte.

Anders: Ingen tastaturmarkering. Ok, jeg bruker musen. Forlat. Adios. Du har forlatt rommet. Så prøver de å selge meg pro-versjonen.

Erling: Helt greit. De driver ikke veldedighet.

Anders: Det er en fin plass å prøve å selge meg. Nå vet de at enten er jeg fornøyd eller ikke fornøyd. Det de kunne ha gjort, det var å kun vist denne dersom jeg var i et møte som varte så og så lenge.

Erling: Jaja.

Anders: Da har du sannsynligvis fått gjennomført det. Nå var jo vårt møte så kort at kanskje de burde tenkt at det ikke gikk på skinner, vi prøver ikke å selge dem. Kanskje en timer på ti minutter, før de viste dette salgsbudskapet?

Erling: Kanskje.

Anders: Da lukker vi. Vi går videre til neste tema.

Kode

Erling: Kode, kode, kode. Jeg har nevnt det litt allerede. Dette er divorama. Jeg har sjekket forsiden og innlogget. Alt er bygget opp med div omtrent. Ingen lang. Men vi fant den når vi var inne i rommet, så der har de lagt inn en lang. Dette er ganske tydelig en SPA, altså en single page application.

Anders: I dag er du trygg på det, for vi dreit oss ut på det …?

Erling: Jeg kommmer aldri til å være trygg på det. Det står til og med react modal portal en plass her i inspektoren. Når jeg sjekker kode her, så må jeg se den i inspektoren. Hvis jeg bare tar view source, så får jeg bare opp noe tøys. De dekorative bildene har tomt alt-attributt. Det betyr at det ikke blir lest opp av skjermleser. Nå tok jeg den siden hvor du registrerer deg, og e-post inputfeltet har rett type, altså type="email", de har òg autocomplete="email" som òg er bra. Men de har en placeholdertekst hvor det står mail@mail.com. Egentlig greit, jeg vet at du er litt motstander av placeholder i nesten alle tilfeller. Men her for meg, for å identifisere hva jeg skulle skrive inn i feltet, gikk mye fortere enn om jeg skulle lest labelen over. For jeg så med én gang at dette var et e-postfelt. Men hvordan kan en med funksjonsnedsettelse oppleve dette?

Anders: Du har flere aspekt med det. Vanligvis har jo placeholder veldig lav kontrast.

Erling: Her òg.

Anders: Det gjør jo at en prøver å tyde det som står inni, og blir forvirret ut av det. Men det som er det største argumentet mot å bruke placeholder, det er når folk bruke lite kognitiv kapasitet til å fylle ut, så tenker du at det som har placeholder det er sikkert ferdig utfyllt, så det trenger jeg ikke å forholde meg til. Det handler ikke bare om universell utforming, det er større funn fra Nielsen Norman, der de ser på brukertester at felter med placeholder blir hoppet over i første utfylling. Da må du gå tilbake, og da har du skapt en liten irritasjon.

Erling: Bra. Det er nesten ingen landemerker. Den eneste plassen jeg fant et landemerke var i footer. Og footeren i seg selv. Men hver liste med menypunkt. De har flere kolonner med overskrift og lenker under. Hver av dem er nav. De har ikke toppen eller venstre meny. I footer har de én nav per sånn menyliste.

Anders: Jeg er ikke trygg på om det er et dårlig mønster.

Erling: Jeg tenker at det er bra, uten at jeg vet implikasjonene. Men det blir mye nav. Så jeg vet ikke. På forsiden har de h1, ingen h2. Og h3 i footer. Det er ikke så bra. Som vi har sagt mange ganger, header i footer, når det har et landemerke rundt seg, kan være h1. Hovedmenyen på forsiden er kodet med ul og li, altså som en liste. Det er det òg i venstremenyen og footeren. Det er bra. Det er en del tekst som kun har en div rundt seg. I mange tilfeller burde de hatt et annet element der, for eksempel en p.

Anders: I HTML så har vi circa 150 elementer å velge mellom. Kun to av dem har ingen tilgjengelighetsegenskaper, det er div og span. Det er siste valg, siste utvei.

Erling: På forsiden bruker de h1 på den største overskriften. På en underside brukte de h2. Den headingen var mindre, jeg mistenker at de har brukt det for å style, ikke for å gi en semantisk verdi.

Anders: Det er ingen problem å ha forskjellig størrelse på to h1-er på ulike sider.

Erling: Absolutt ingen problem. På romlisten har du et ikon, det har ikke alt-attributt. Plukket vi det opp i skjermleseren?

Anders: Nei.

Erling: Det er en SVG.

Anders: Den ble tydeligvis oversett.

Erling: Logoen har heller ikke alt-attributt og der leste skjermleseren opp hrefen, altså URL-en den gikk til. Og jeg kan òg si at logoen er en SVG uten title, som jo på mange måter er alternativet til alt-attributt hvis du legger inn SVG-en som SVG-kode, ikke som img-tagg. Det var egentlig det hele. Det viktigste er at det er divorama. Det er div overalt.

Anders: Det i seg selv er ikke feil. Vi kommer ikke utenom.

Erling: Logoen ligger syv nivåer dypt i div.

Anders: Nei?

Erling: Jo, du har én som heter app, så har du én som heter wrapper, én som heter container, én som heter content, én som heter header, én som heter pagenav, én som heter logocontainer. Dette er klassene jeg leser opp. Så har du òg pagenavlogo, som er a-en, så kommer SVG-en inni der. I seg selv er dette ikke noe problem, men her burde det vært et header-landemerke, det burde vært litt tydeligere struktur. Litt bedre semantikk på HTML-en. Det var det. De bruker figure-elementet, har du kontroll på det?

Anders: Nei.

Erling: De bruker figure og image inni der.

Anders: Altså, kontroll på det.

Erling: Hvilken semantisk verdi gir det?

Anders: Jeg vil tro at det er riktig.

Erling: Nå jukset jeg litt. Det er da The HTML figure (Figure With Optional Caption) element represents self-contained content, potentially with an optional caption, which is specified using the (figcaption) element. The figure, its caption, and its contents are referenced as a single unit..

Anders: Hvis du skal ha bilde med bildetekst visuelt under.

Erling: Stemmer, men her er det ingen bildetekst, kun bilde. Ikke noe å ta de på.

Anders: Da lærte vi noe nytt der òg. Takk.

Erling: Det var kodeevalueringen. Ferdig. Du har kjørt en automatisk testing, som kanskje har plukket opp litt av de samme tingene?

Automatisk testing

Anders: Ja. Jeg har kjørt test på den sider som heter /user, altså vi er innlogget. Den finner seks feil. Det høres ikke så mye ut. Det som er litt unikt er at alle feilene er forskjellige. Jeg blir òg litt skuffet av verktøyet, det er flere feil som burde vært oppdaget. Jeg fikk opp en liten reklame for et Chrome-tillegg da jeg åpnet denne i Chrome første gang. Det var en lukkeknapp med en SVG, der de ikke hadde noe tilgjengelig navn. Ikke en kritisk knapp. Ingen lang-attributt, men det har vi snakket om. Ikke alternativ tekst på det ikonet av et lite hus. Der har jeg nå notert meg at det burde være en tom alt-tekst. Men, der har jeg endret mening etter at vi kjørte skjermlesertesten, for da vi kom til Svetti, så stod den lenken der helt uten kontekst, så dersom vi hadde hatt alt-tekst på huset som var «rommet».

Erling: Eller «gå til rommet».

Anders: Da hadde vi fått «Rommet Svetti», altså intensjonen med lenken. Logo har du nevnt. Navigasjonen øverst til høyre er en ul som starter direkte med en a.

Erling: Ahh, den plukket ikke jeg opp.

Anders: Som ikke ligger i en li, det er en syntaksfeil. Listene over rommene er li-elementer uten omliggende ul eller ol, som òg er syntaksfeil. Det er litt elementære feil her.

Erling: Det kjennes litt halvveis ut. Ting som mangler. Jeg er ikke direkte imponert over kodekvaliteten her.

Anders: Jeg er ikke imponert over kodekvaliteten, men heller ikke testresultatene, altså kritikk av verktøyet. Hvorfor nevner ikke verktøyet her at det ikke er noen landemerker? Det burde kommet med en advarsel.

Erling: Eller at headingstrukturen har et hull i seg.

Anders: Som kan lett gjøres programmatisk.

Erling: Dette SPA-greiene. Nei, jeg skal ikke gå den veien.

Rangering

Erling: La oss rangere greiene. Begynne på den første? Du må tenke litt?

Anders: Nå må vi huske på at folk ikke nødvendigvis har hørt på oss før. Vi har nå gjort en evaluering av ulike kategorier.

Erling: Og vi har gjort det på direkte. Altså vi har gjort et lite stykke arbeid på forhånd. Jeg har brukt kanskje ti minutter på å evaluere koden, det er langt fra nok. Du har kjørt den automatiske testen. En burde ha gjort en mye grundigere evaluering. Basert på det vi har gjort i dag, så skal vi rangere på ti kategorier. Og vi rangerer fra -1 til 0 til 1. Det er enten dårlig, greit eller bra. Måten vi gjør det på er å holde opp en fing, som indikerer om det er -1, 0 eller 1. Vi gjør det samtidig, slik at vi ikke blir farget av hverandre. Den første, som vi òg tar til slutt, er generell vurdering, så la oss begynne med denne.

Anders: Den første teller ikke nå, vi tar bare pulsen på løsningen.

Erling: Nettopp er du klar? Klar, ferdig, gå. Begge ga minus.

Anders: Nei, jeg mente, jeg var ikke helt klar. Jeg skulle vise null.

Erling: Interessant.

Anders: Vi lar den stå. Nå husker vi det, siden jeg knotet det til. Vi tar skjermleser. Klar, ferdig, gå.

Erling: Begge ga minus på den.

Anders: Der så vi at det feilet på første mulige forsøk.

Erling: Det feilet på mye. Så til tastatur. Klar, ferdig, gå. Minus på begge. Neste, farge og visuelt. Klar, ferdig, gå. Begge gir én.

Anders: Dette går lett.

Erling: Er det vi som er samkjørte, eller er det siden som er lett å vurdere?

Anders: Farge hadde god kontrast.

Erling: Enkelt språk, nei det kommer senere.

Anders: Automatisert test. Klar, ferdig, gå.

Erling: Minus på begge.

Anders: Det var ikke så mange feil.

Erling: Jeg er nok litt farget av min evaluering av koden òg. Det er jo litt dumt. Men de henger tett sammen. Vi evaluerer jo resultatet av den automatisk testingen. La oss stå på minus, vi var jo enige. Språk – 1, 2, 3. 1 på begge.

Anders: Språket er godt. Det eneste vi har kommentert, det var knappeteksten «be om tilgang», som egentlig var tydelig om du leste all teksten over, men …

Erling: Det var lite å kommentere, et godt tegn. Lite usikkerhet. Neste er navigasjon. Da må jeg tenke litt. Litt vanskelig.

Anders: Klar, ferdig, gå.

Erling: Du ga 1, jeg ga 0.

Anders: Fortell hvorfor.

Erling: Det er litt vanskelig å vurdere, fordi jeg tar vår opplevelse med tastaturnavigasjon, som er dumt, for den har vi vurdert allerede. Vi har ikke lurt på hvor ting er. Vi har ikke tenkt at det skulle vært et søk. De kebabmenyene, går det under navigasjon.

Anders: Ja! Derfor går jeg ned til 0. Takk.

Erling: Værsegod.

Anders: Ja, soleklart. Jeg la òg merke til at inne på videoløsningen, da vi hadde klart å starte en samtale, så bruker de både liggende og stående prikker i to ulike deler av grensesnittet, som kan være forvirrende. 0, ja.

Erling: Neste er kodekvalitet. Klar, ferdig, gå. Minus på begge. Bilde og video. Hum. Her er det unektelig video, ikke på den måten.

Anders: Ikke på den måten.

Erling: Du kan ikke starte og stoppe videoen. Du mener ikke at dette skal gå inn under video-begrepet.

Anders: Nei. Vi kan ikke klandre dem for at de ikke har automatisk teksting, for eksempel. Teknologien er ikke moden for det.

Erling: Ihvertfall ikke på vår dialekt.

Anders: Jeg tror vi skal basere oss på bildene som er brukt. Selv om det ikke er en del av kjerneoppgaven, så har jeg òg lyst å ta med bildene som brukes på salgssiden.

Erling: På forsiden. Jeg er fortsatt ikke sikker. En liten kommentar, som kanskje har mest med tastaturkriteriet å gjøre, men de har ganske gode tastatursnarveier, når du har en videosamtaler. Det er bare M, eller bare V, for eksempel i Microsoft Teams må du trykke kommand control M for å mute, så du må vri hånden din rundt, for å klare å mute. Men det er ikke noe vi vurderer nå. Nå er det bilde og video. Jeg er klar, klar ferdig gå. Du ga minus.

Anders: Nei, jeg ga null. Jeg gjorde feil igjen. Det skal ikke være så vanskelig dette, vi er på syvende episoden eller noe slikt.

Erling: Jeg ga 1.

Anders: De bruker konsekvent ikke alternativ tekst på bilder, de kan ikke få 1 på bildebruk, dette er en podkast om universell utforming, så selv om illustrasjonene er fine.

Erling: Nei, jeg tok ikke det med i vurderingen.

Anders: Det synes jeg vi skal gjøre.

Erling: Vi har jo på én måte straffet dem for det i kodekvalitet, og skjermleser, men det er noe vi burde ha med i bilde- og videovurderingen.

Anders: Jeg synes det. Det blir 0.

Erling: Skjemakvalitet hopper vi glatt over. Vi har ikke vært innom noen skjema.

Anders: Jo, da jeg laget et nytt rom, det er forsåvidt et skjema. Vi gikk litt fort gjennom det. Jeg hadde verken kommentarer til det.

Erling: Det er jo et godt tegn. Jeg husker at det var god fokusmarkering, mener jeg.

Anders: Jeg tror ikke det var så god fokusmarkering, mener jeg.

Erling: Jukser vi nå?

Anders: Ja. Jo, de har god fokusmarkering.

Erling: Ja, de bruker placeholder, men det er god fokusmarkering. Det er en label som funker når jeg klikker på den, det er bra. Labelen ligger rundt inputen, som er helt greit. Masse diver. Som sagt tidligere, det gjør i utgangspunktet ikke noe. Det er en label rundt, så en div rundt teksten. Forskjellen på de to elementene som ikke har noen semantisk verdi, er at den ene er et blokkelement, og den andre er inline. Her har de brukt blokk, som er greit. Stryk det siste jeg sa. Skal vi vurdere skjema?

Anders: På det ene skjemaet vi testet, så har de ikke knyttet labelen til feltet, som jo er ABC innenfor skjemakoding.

Erling: Må du gjør det når labelen …

Anders: Nei, den går rundt! Min feil! Helt riktig, Erling. Takk! Da får du det gratis.

Erling: Én ting jeg har lyst å trekke dem for, faktisk, er at de har brukt en toggle.

Anders: På locked room?

Erling: Ja. For her kunne de likt så godt brukt en sjekkboks. Og oppnå akkurat det samme. Og slippe å bruke en toggle. Hvis du prøver å toggle den, for å se hva som skjer. Se for deg at du har zoomet inn den. Det er knapt forskjell på fargene. Det er venstre eller høyre side. Det endrer seg noe til venstre, som på én måte er greit. Unlocked room, er det det som skjer når jeg trykker toggelen, eller er det tilstanden den er i nå. Vet ikke. Spesielt når fargen er så utydelig. Her kunne hatt en mer tilgjengelig løsning, som er en sjekkboks. En sjekkboks foran, og så står det locked room bak.

Anders: Jeg er ikke like streng som deg på den, men jeg hører hva du sier.

Erling: Jeg er usikker på om vi skal vurdere skjemakvaliteten i det hele tatt på disse.

Anders: Ja, det synes jeg vi skal.

Erling: Hvis du er så tydelig, så er jeg klar jeg. Bare for å nevne det, knappen er deaktivert før du har skrevet noe.

Anders: Knappen forsvinner når du har fått den advarselen.

Erling: Knappen byttes ut med en advarsel.

Anders: Da endrer de òg koden fra button til en div, som er greit. Jeg har lyst å gi de på denne.

Erling: OK. Klar, ferdig, gå. Begge 0. Ting å trekke for, men ting som òg er greit.

Anders: Det jeg trekker mest for er at den inlinevalideringen, den er ikke tilgjengelig.

Erling: Som i?

Anders: Du er knyttet semantisk opp til skjemaet. Hvis du har skrevet noe som gjør at du ikke kan gå videre, så får du ikke programmatisk vite det.

Erling: Feilmeldingen er òg ute av konteksten, den er ikke rett ved inputfeltet, som er verdt å trekke for. Så til generell vurdering igjen. Denne var vanskelig. Litt som det var sist, tror jeg. La oss kjøre den først, hvis du er klar. Er du klar?

Anders: Ja.

Erling: Husk at det er universell utforming, nå må ikke du bli blendet av de vakre ytre, de fine illustrasjonene, den fine typografien. Nå var jeg fæl, jeg skal ikke legge føringer.

Anders: Jeg er klar.

Erling: Jeg er ikke klar. Dette var vanskelig. Jeg er klar, klar ferdig gå.

Anders: Minus på begge.

Erling: Da husker jeg hva du ga på den første, du ga jo null. Så gikk du ned til minus.

Anders: Det gjør jeg fordi at her er de klar over at de er dårlig. Det at de gjør det bra visuelt, det er ikke fordi at de har hatt universell utforming i fokus eller i bevisstheten. De er bare litt heldige. De har kanskje gjort det med farger. Jeg putter uu-faget inn under UX-faget. Jeg putter frontend-faget inn under UX-faget. Koden som lages er viktig for brukeropplevelsen. Universell utforming av nettsiden handler mye om kodekvalitet. Her ser vi at de ikke har tenkt på universell utforming i det hele tatt, i koden. For meg blir det vanskelig å gi det noe annet enn minus når det er dårlig og de vet at det er dårlig.

Erling: De får ikke minus fordi de er klar over at det er dårlig.

Anders: Nei, de får ikke minus for det.

Erling: De får minus fordi det er så mye som mangler. Det er så mange enkle ting å fikse. Hopp til innhold. Alt-tekst på logoen.

Anders: De sa det òg. Vi skal ta tilbakemeldingene på alvor, vi skal fikse det vi klarer å fikse. Og her er det nok av slikt. Her kan de begynne med å sette på et lang-attributt og alt-attributt på logo.

Erling: På én dag er de mye bedre.

Anders: På fem minutter kan du ha økt kvaliteten ganske mye.

Erling: Og legg til hopp til rom eller hopp til innhold, så blir det enda bedre. Og landemerker. Helt konge. Dette er superenkelt. Det er ikke snakk om at de må transkribere de 300 videoene de har lagt ut, som er en mye større jobb. Dette er ikke arbeidskrevende funn. Enkle ting. Kult.

Resultat

Anders: Da har vi et resultat. Dette er faktisk episode 8, nei 7. Ja, vi hadde en pilot som er med i oversikten min. Dette er episode 7. Skalaen vår går fra 0 til 100. Vi skal kåre den mest ubrukelige tjenesten. Før i dag, er det da Brønnøysundregistrene som leder, altså har dårligst score. Som er like forvirrende hver gang.

Erling: Hva har Brønnøysund?

Anders: 44. Videokonferansetjenesten Whereby får 42 poeng, så vi har en ny leder. Boo. Så kan vi òg nevne at det er fortsatt Dagbladet som ligger på bunn, altså som har vært best.

Erling: Den var overraskende, altså.

Anders: Det var det.

Sammendrag

Anders: Hva var det mest minnerike for deg, Erling.

Erling: Det er vanskelig å svare på. Kan ikke du svare først?

Anders: For meg er det lett. Den skjulte menyen for å fjerne et rom. Fordi det er så opplagt kjempekjipt for universell utforming. Og så er det så opplagt at det er bedre for alle å gjøre det bra.

Erling: Da jeg skulle slette det rommet, så gikk jeg inn på det og letet etter slett-knappen. Hva er det han snakker om? Jeg gikk tilbake igjen. Der ja. En tilfeldig mouseover på et bittelite område.

Anders: La oss sette oss selv i deres situasjon. Hvorfor ønsker de å gjøre det så vanskelig. Enten for å ha grensesnittet så rent som mulig, altså ikke forkludre det med komponenter. Eller fordi de ikke vil at folk skal slette rom, fordi at det faktisk er selgende, fordi jeg som bruker vil jo slette rommet for å slippe å oppgradere. Hvis det er vanskelig å slette det.

Erling: Det er jo gratis.

Anders: Nei, det er kun gratis med ett rom. Hvis du skal ha ett til, så må du oppgradere. Det kan være at salget trumfer brukeropplevelsen.

Erling: Så kan du se på det på andre siden, du laget et rom som heter Svetti. Hvis du ikke hadde klart å slette det, så hadde du tenkt at du ikke gidder å bruke Whereby, for da må jeg invitere til Svetti. Det har jeg ikke lyst til, jeg bruker en annen tjeneste heller. Eller hvis du starter med å skrive test, som du gjerne gjør i første forsøk. Eller asdf.

Anders: Morsomt at du nevner asdf, for jeg skrev asdf mange ganger, så fikk jeg opp feilmelding at asdfasdfasdfasdfasdfasdf is already taken.

Erling: Nå har jeg tenkt litt på det. Det at de hadde så mange enkle ting å fikse her, jeg blir litt giret. Hvis de hører på denne podkasten, tar det til seg og fikser det, så lager de en bedre tjeneste for mange. Det er oppløftende. Selv om det er dumt at de manglet det, så er det oppløftende at de kan fikset det.

Anders: Det er en god vinkling, fordi jeg blir litt oppgitt, at vi i 2020 ser de samme elementære feilene gang på gang på gang.

Erling: Hvorfor vet ikke folk om dette? Alle koderne der ute?

Anders: Regelen om alt-attributt kom for over 20 år siden.

Erling: Det snakket vi om i 1999.

Anders: Og vi har ikke klart å få det på plass enda, på det første elementet – logoen. Men det er derfor vi snakker om dette. Hadde hele Norge vært på stell, hadde vi ikke hatt denne podkasten.

Erling: Så vi må takke de for det. Tusen takk for at dere er elendige. Nei, nå var jeg stygg. Som vanlig ønsker vi lyttertips. Det er drivstoffet vårt. Setter stor pris på det vi har fått, setter stor pris på engasjementet. Fortsett med det, vi vil veldig gjerne høre fra dere igjen og igjen.

Anders: Der vil jeg trekke frem Roy Halvor som har vært på ballen i det siste. Han diskuterer ting vi har snakket om, kritiserer oss der vi bør bli kritisert, gir oss tips til verktøy, tips til folk vi bør samarbeide med. Han er utrolig engasjert. Og har gitt oss lyttertips til hvem vi bør teste. Så neste gang …

Erling: Du har tatt valget?

Anders: Ja, han vil at vi skal teste Prisguiden. Han har òg bedt om en annen, som jeg ikke skal nevne enda. Neste gang blir det Prisguiden.no. Det gleder jeg meg til. Det er en tjeneste jeg har fordommer mot, som jeg aldri har prøvd.

Erling: Spennende. Gleder meg.

Anders: Han vil gjerne at vi skal lage videovariant av podkasten, han vil gjerne se oss. Kjempe.

Erling: Så kjekt. Send lyttertips til oss. Det er begrenset til norske løsninger. Hvis det ligger bak innlogging, så trenger vi innlogging òg. Og vi trenger en kjerneoppgave. Det var alt.

Anders: Tusen takk for i dag, Erling. Klokken er kvart over 8, vi må komme oss på jobb.

Erling: Vi er litt på overtid. Vi snakkes. Jeg er Erling fra Okse.

Anders: Jeg er Anders eller Svetti fra Webstep. Hadebra.