Uu-podcasten: Ubrukelig

Introduksjon

Erling: Velkommen til Ubrukelig. Dette er jo da en podkast som kommer rett etter Universelt Utformet.

Anders: Den vanskelige oppfølgeren.

Erling: Den vanskelige nummer to. Spesielt siden vi vant en pris for den forrige. Vi aner jo ikke om folk har hørt på teaseren. Men det vi skal gjøre nå, skal vi fortelle litt på generell basis, hva vi skal gjøre i disse episodene?

Anders: Vi skal evaluere nettsider og apper og digitale tjenester. Én tjeneste per episode.

Erling: Norske.

Anders: Femten episoder. Vi skal gi litt karakterer og vi skal finne ut verst av de femten. Og da implisitt òg best.

Erling: Det har jeg faktisk ikke tenkt på. Jeg har tenkt at vi skal finne den som er verst, men det er jo noen som er best òg. Men du sier femten episoder, det betyr egentlig at vi har satt frem til i høst, så skal vi ta femten stykker. Da skal vi ta en ny vurdering om vi skal fortsette med dette eller om vi skal finne på noe nytt. Så frem til høsten blir det femten stykker. I dag, hvem skal vi evaluere?

Anders: Vi skal evaluere Sandnes Kommune.

Erling: Vår hjemkommune.

Anders: De var vel litt under lupen ganske tidlig i Universelt Utformet òg.

Erling: Det kan stemme. I én av de første episodene tok vi kommuner.

Anders: Da tok vi jo bare en veldig begrenset del av universell utforming. Nå skal vi se mer helhetlig på sidene.

Erling: Nå skal vi gå dem litt mer i sømmene.

Anders: Dette er jo da, for de som kjenner oss fra før, den utvidet utgaven av ris og ros-spalten.

Erling: I tilfelle vi ikke har sagt det, dette handler om universell utforming på digitale flater.

Anders: De som har havnet feil, kan nå skru av.

Erling: Skal vi komme igang? Det første vi skal gjøre, nå har vi siden åpen foran oss. Begge to. Vi skal begynne med å se.

Visuell vurdering

Anders: Visuell vurdering. Nå må vi passe på Erling, for på slutten av forrige serie, så gikk vi litt bredt til verks. Nå må vi huske på at dette er universell utforming.

Erling: Dette er ikke en generell evaluering av et nettsted. Det er universell utforming vi skal fokusere på her. Fortell hva du ser, Anders.

Anders: Jeg ser en stor logo, i midten av toppen av siden. Det er to valg, oppe til høyre for logoen. Det ene heter lytt og det andre heter language. Lytt er jo en funksjon som er der av hensyn til universelt utformet. Her er det noen som har gjort og tenkt og utført.

Erling: Så er jo jeg litt nysgjerrig. Nå skal vi ikke grave oss ned ned én gang, men her har de en funksjon som handler om lytt, altså å lytte til nettstedet. Men er det ikke innebygget i de fleste operativsystemene? Programvare som gjør at du kan gjøre det, uten at du skal ha en egen funksjon på nettsiden?

Anders: Jo, og der tenker jeg at de som har behov for det, bruker sine egne verktøy. Dette er mer for de som ikke er drevne.

Erling: Og så videre på nettsidne her?

Anders: Vi har et stort, fint bilde av byen vår. Av vågen. Det er ganske ferskt, ser vi. Rådhuset er på plass.

Erling: Havnespeilet er der. Det ser til og med ut som de bygger ovalen på siden. Nå blir vi veldig lokale.

Anders: Og så har vi ganske langt nede, litt utradisjonelt, så har vi en fanemeny med seks valg. Den første fanen som heter snarveier er åpen.

Erling: Åja? Ikke hos meg.

Anders: Nei.

Erling: Har du tabbet deg ned til den?

Anders: Ja, jeg har nok det. Så den er ikke åpen. Men vi skal passe på nå, vi skal snakke om universell utforming, og ut fra størrelse og kontrast og rent design og gode etiketter på denne fanemenyen, så vil jeg si at førsteinntrykket er meget bra.

Erling: Det er ingen opplagte feil de har gjort, som tekst på bilde eller dårlig kontrast eller lignende. Det er bra. Hvis det er noe jeg ser, så er det helt nederst i vinduet så har de noen aktuelt-artikler, og der er det en lenke som har teksten «Les hele saken».

Anders: En positiv detalj er at under fanemenyen så har de søket sitt, og der har de et bakgrunnsbilde som er en fortsettelse av det fine, store hovedbildet. Men de har dysset det ned for å fremheve søkefeltet. Det synes jeg er et godt, visuelt grep.

Erling: Helt enig. Så skal vi prøve å navigere?

Anders: Ja, nå har vi gjort den visuelle vurderingen, så nå får vi navigere litt.

Skjermleser

Erling: Skal vi ta dette med skjermleser?

Anders: Vi begynner med skjermleser. Der skal vi si at vi håper på sikt at vi får litt hjelp fra noen som er litt proffe skjermleserbrukere. Men vi kan begynne. Jeg har skrudd på min skjermleser, som heter Voiceover, som er den innebygde skjermlesern på Mac.

Erling: Har du fokus allerede?

Anders: Nei, jeg har forberedt meg, Erling. Jeg trykker på tab-tasten én gang.

Voiceover: Forlater Sandnes kommune forside. Anders Ekkje Webstep. Går inn i Sandnes kommune forside nettinnhold brukte lenke.

Så leser plutselig skjermleseren noe med engelsk aksent som ikke er mulig å forstå.

Voiceover: Nytt vindu.

Anders: Det som skjedde nå, skal jeg forklare deg. For det første leste hun opp noe informasjon i starten som ikke er så relevant for akkurat denne evalueringen. Men så var det en herrestemme som tok over. Det var vanskelig å forstå, hva han sier. Og grunnen til det er at Sandnes kommune ikke har spesifisert språk. Så standardspråk blir da engelsk. Og når en engelskmann eller amerikaner prøver norsk tekst, så blir det ubrukelig. Så egentlig kan vi slutte her, fordi det er så krevende å bruke skjermleser på denne siden, på grunn av en bitteliten feil, som er å spesifisere språk. Jeg kan trykk tab én gang til, så skal vi se hva det blir.

Voiceover: Brukte lenke.

Herrestemme sier noe uforståelig.

Anders: Nå hørte vi to stemmer. Først ei som heter Nora. Hun sier det som er systemspesifik informasjon, som ikke nettsiden har fortalt oss.

Erling: For operativsystemet ditt er på norsk?

Anders: Ja. Så hun sa «brukte lenke», det sa hun på norsk. Det er fordi hun vet at den lenken er brukt, og hun vet at det er en lenke. Men, så er det innholdet på siden som er «lytt», og det sa jo han mannen.

Erling: Det blir rett og slett slitsomt å kjøre gjennom dette med skjermleser.

Anders: Det blir for slitsomt, så vi avslutter testen her.

Erling: Skjermleserdelen av den.

Anders: Her prøver skjermleseren å tyde det ikonet foran lytt. Det har de ikke spesifisert at det er irrelevant for skjermleseren.

Erling: Hvordan gjør du det?

Anders: Da bruker du noe som heter aria-hidden.

Erling: Det hadde ikke vært nok med tom alt, hvis det var lagt inn som en image.

Anders: Jo, men jeg mistenker at dette er et font-ikon. Så jeg skrur av for nå.

Voiceover: Voiceover av.

Erling: Skrur av Nora.

Anders: Takk for hjelpen, Nora. Da hopper vi videre på testen, som er en tastaturtest.

Tastatur

Erling: Jeg vil bare nevne at de ikke har hopp til innhold her. Det kan hende at de har vurdert det til ikke nødvendig på forsiden. Det kan være det kommer på undersidene.

Anders: Jeg mistenker jo at de ikke har det.

Erling: Vi har sett det på andre løsninger.

Anders: Det vi gjør nå, Erling, vi tabber oss til logoen. Den får standard fokusmarkering, som i vårt tilfelle er en blå ramme rundt. Vi bruker Chrome, da er det blå ramme rundt som er standard. Men vi har jo glemt å si hva vi skal gjøre på denne siden. For hver episode skal ha én kjerneoppgave.

Erling: Det er sant.

Anders: Vi skal ikke teste generelt, vi skal gjøre noe, utføre en handling. I dag skal vi melde ifra om en feil, det er en veldig aktuell feil fordi på vei til jobb i dag, i Sandnes kommune, så syklet jeg forbi et tre som hadde veltet, som lå halvveis ut i stien. Da tenkte jeg å være en flink borger, å si ifra om det. Det er oppgaven i dag. Vi skal gi beskjed til Sandnes kommune at det er et veltet tre.

Erling: Og siden skjermleseren funket så dårlig, på grunn av manglende lang, så skal vi gjøre det med tastatur.

Anders: Jeg er på Sandnes kommune, jeg hopper til lytt. Jeg hopper til language. Jeg hopper til snarveier. Da får snarveier den blå markøren. Og så ser jeg de andre fem valgene jeg har er «Helse og sosial», «Teknisk og eiendom», «Barnehage og skole», «Kultur og fritid», «Politikk og administrasjon». Det jeg er på jakt etter nå finner jeg under enten snarveier eller «Teknisk og eiendom».

Erling: Enig.

Anders: Jeg tar enter, fordi jeg er på snarveier. Bra, nå ekspanderte det et felt.

Erling: Hva forventer du skal skje nå, når du trykker på tab?

Anders: Veldig bra at du spør. Fordi nå er jo markøren fortsatt på snarveier. Nå har de to valg. Vi kan enten gå til neste fane, eller så kan vi gå inn under snarveier, og jeg forventer selvfølgelig at jeg skal gå inn under snarveier, fordi det er jo det valget jeg har tatt.

Erling: Er det andre måter en kan forvente å navigere seg inn under den undermenyen på?

Anders: Ja, vi kunne ha brukt pil ned. Det ser jeg på som lite naturlig nå …

Erling: Det er kanskje på grunn av måten det ser ut, visuelt. Det er ikke en lang nedoverliste her.

Anders: Nei, det er fire kolonner. Så jeg trykker tab én gang.

Erling: Oi!

Anders: Da skjedde det vi ikke håpet skulle skje. Det vi ikke forventet skulle skje. Vi gikk til «Helse og sosial». Da går jeg tilbake, bare for å se om jeg kan trykke ned. Det kunne jeg ikke.

Erling: Da scroller den ned.

Anders: Da må jeg tabbe meg forbi alle fanene. Nå er jeg på den siste hovedfanen. Jeg trykker tab én gang til, og forventer nå at jeg skal komme i den ekspanderte delen av navigasjonen. Og det gjorde jeg. Da er jeg på kontakt.

Erling: Da regner jeg med at dersom du hadde ekspandert for eksempel «Teknisk og eiendom», som er det tredje menyelementet, så måtte du ha tabbet deg gjennom alle hovedelementene, så de to undermenyene, altså «Snarveier» og «Helse og sosial», før du kom til første punktet under «Teknisk og eiendom».

Anders: Nei. Det får vi se hvis vi ikke finner det vi skal ha.

Erling: Det spørs om de allerde er i DOM-en eller ikke.

Anders: Ja. Åkei. «Offentlig journal», aner ikke hva det er. «Meld fra».

Erling: Det høres relevant ut, selv om det er generisk.

Anders: Jeg går for den.

Erling: Meld fra om hva da? Litt utydelig.

Anders: Men jeg føler vi er på sporet av noe, så jeg trykker enter på den. Jeg kommer inn i «Teknisk og eiendom» og det er et tre som har veltet. Om det er teknisk for Sandnes kommune, vet ikke. Jeg er ikke overbevist om at jeg er på riktig plass.

Erling: Jeg må innrømme at jeg er positiv. Så langt.

Anders: Da tabber jeg igjen. Siden jeg ikke har hopp til innhold, så må jeg gå gjennom … nå har søk plutselig dukket opp i toppmenyen, og det var bra.

Erling: Men vi har òg mistet hovedmenyen.

Anders: Eller den fanemenyen. Etter søk kommer jeg til «teknisk og eiendom», som er en lenke. Som står veldig alene og …

Erling: Det ser mer ut som en liten overskrift, det var ikke noe understrek der.

Anders: OK, men jeg skal ikke der. Meld fra. Så står det registrer melding. «Her kan du registrere din melding til kommunen om vann, avløp, renovasjon, vei, park, miljøforurensing og idrett.» OK, vei og park, vi er inne på det.

Erling: Det handler om et tre. Her har vi òg en venstremeny. Nå har vi to kolonner. Hovedkolonne og en venstre menykolonne. Nå er jo jeg litt spent hvor neste fokus kommer.

Anders: Jeg tror den kommer til knappen «Gå til meld fra her». Men det gjorde den ikke!

Erling: Den gikk til venstre, til «Meld fra», det er jo der jeg er, så der vil jeg ikke. Da tar jeg neste. Registrer din melding. Der vil jeg jo, det høres relevant ut. Jeg må si at det står «Merk at feilmeldingstjenesten fungerer i alle nettlesere med unntak av Microsoft Internet Explorer». Hva synes du om det, Anders?

Anders: Jeg blir litt glad. Jeg trodde jo at det var den foretrukne nettleseren i kommunen. Jeg trykker «Registrer din melding».

Erling: Hva skjedde nå?

Anders: Det var bare et anker, som heiv meg litt ned på siden, det hjalp meg ingenting.

Erling: Nå er jo jeg veldig spent på hvor neste fokus havner.

Anders: Det vet jeg.

Erling: Du vet det allerede?

Anders: Det må gå til neste menyelement, som heter «Akutte hendelser». Det gjorde det ikke!

Erling: Hehe.

Anders: Så jeg hadde feil igjen. Men det var faktisk bedre i denne sammenheng.

Erling: Dette ble jo kudos. De flyttet fokuset til innhold.

Anders: Nå har de ikke tatt kontroll over fokusmarkeringen, så nå har vi en blå ramme på en grønn knapp, helt umulig å se.

Erling: Ikke helt umulig.

Anders: Nei, jeg overdrev. Men jeg går til den. Nå kommer vi inn på en helt egen løsning. De vil vite hvor vi er. Det tar jeg blokker til, fordi jeg er veldig langt fra det treet nå. Nå er jo jeg i en helt annen kommune. Jeg tar «blokker». Jukser litt. Her er jeg inne på en løsning som heter Powel. Det står i adressefeltet.

Erling: Dette er da et stort kart. Det ligner litt på Google Maps. Dette er jeg ganske spent på.

Anders: Denne løsningen er engelsk.

Erling: Processes. Observations.

Anders: Jeg tabber.

Erling: Her er det en språkvelger.

Anders: Da vil jeg gå ned til den først.

Erling: Der var den norsk. Rart.

Anders: De kunne jo ha valgt norsk som standard språk. Men jeg går til ny observasjon. Jeg har jo observert noe.

Erling: Jeg må bare kommentere. Språkvelgeren, når det var engelsk, så stod det «language». Nå har vi valgt norsk, så vil jeg anta at de som ikke kan norsk vil bytte til engelsk. Nå på språkvelgeren så står det «språk». Et ganske godt norsk ord, som ikke ligner på det engelske. Så for de som ønsker å bytte til engelsk, så er det vanskelig å finne det, selv om flagget er en ganske sterk indikator.

Anders: Jeg går på ny observasjon. Her har vi en helt annen fokusmarkering. En svak bakgrunn. Her har de fjernet nettleserstandarden, de har gjort et grep til det verre. Trykker enter. Nå er vi inne i en slags fullskjerm kartløsning.

Erling: Et relativt avansert grensesnitt, vil jeg si.

Anders: Men jeg liker det òg.

Erling: Det er ganske mange utradisjonelle komponenter. Jeg er spent på tastaturet.

Anders: Her er enormt dårlig fokusmarkering.

Erling: Det var bittelitt?

Anders: Nei. Inne på en liten informasjonboble nede har du en liten markering. OK, søk etter adresse. Jeg har ikke peiling på adressen.

Erling: Det var en plass du syklet forbi.

Anders: Ja. Jeg vet at det er i nærheten til Stavanger Kaffebrenneri. 100 meter nord for Stavanger Kaffebrenneri, det er det nærmeste referansepunktet jeg har. Skriver inn Stavanger Kaffebrenneri.

Erling: Ligger Stavanger Kaffebrenner i Sandnes?

Anders: Ehm. Nå vet jeg ikke hvor kommunegrensen går, men jeg tror faktisk det. Dette hører til Sandnes. Jeg har skrevet kaffebrenneri, og den fant ingen adresse. Nå vet jeg at det er i nærheten av Gamle Forusvei.

Erling: Prøv.

Anders: Skriver Forusvei.

Erling: Fant ingen adresse. Det var jo veldig rart.

Anders: Nå ser jeg òg at jeg sannsynligvis har feil. Nå ser på kartet, jeg ser triangelet, det er rett på grensen. Jeg har tenkt at det var Sandnes.

Erling: Når det står «fant ingen adresse», hvem går vel å husker på kommunegrensene, hvor de faktisk går?

Anders: Hvis jeg tar min egen hjemadresse. Ja, den søker bare etter adresser i Sandnes. Gamle Forusvei er tydeligvis i Stavanger. Prøver Lurahammeren.

Erling: Det er uansett en dårlig feilmelding. Finner Luramyrveien.

Anders: La oss ta Lurabekken, det var ikke så langt borte. Nå zoomet den inn i et boligfelt. Nå vil jeg si at vi må endre oppgaven ettersom jeg har gjort feil her. Dette er jo ikke Sandnes Kommune. Vi tenker at treet ligger en annen plass.

Erling: I nærheten av Lurabekken.

Anders: Her ser jeg veien jeg har syklet. Nå vil jeg gå litt opp på kartet. Det kan jeg ikke gjøre. Hva heter det, å panere?

Erling: Ja, gjør det ikke det? Nei, ingen kontrollere for å panere i kartet.

Anders: Så hvis jeg er avhengig av tastatur, så kan ikke jeg gi beskjed om dette treet.

Erling: Denne er ubrukelig! Hvordan kunne de ha løst dette?

Anders: De kunne ha gjort det som Google Maps gjør, de har et navigasjonskryss som er tastaturvennlig. Men jeg vet ikke hvordan du skulle ha valgt et gitt punkt.

Erling: Det vet ikke jeg heller, men jeg mistenker at de har en løsning på det. Enter eller space eller noe, for å markere.

Anders: Jeg vet ikke hvordan jeg gjør det.

Erling: Hvis de hadde hatt et tekstskjema, at du skriver inn en beskrivende tekst som forteller der og der og der fant jeg det og det og det.

Anders: Jeg kan jo prøve her å gå til neste, bare for å si at jeg har lyst å registrere meldingen, selv om jeg ikke får markert punkt i kartet. Men neste har ikke fokusmarkering. Jo, der. Sånn.

Erling: Det var ikke lett å finne frem. Jo, her har vi et slikt skjema.

Anders: Da gir vi ikke opp helt enda.

Erling: «Fag».

Anders: Det blir mye trykking her.

Erling: Vi måtte tabbe mye for å komme ned til noe som ga mening. Ikke hopp til innhold her heller.

Anders: Det første feltet som er en nedtrekksmeny har ledetekst «fag». For meg som innbygger i Sandnes kommune gir det ingen mening.

Erling: Og vi ser ingenting heller. Det første valget er valgt, og det er et tomt valg.

Anders: Og det er et påkrevd felt.

Erling: Du åpner den.

Anders: Da har vi avløp, renovasjon, vei, miljø, friområder. Er det friområde eller vei? Det er friområde. Sykkel! Sykkel tar jeg.

Erling: Er det sykkelvei?

Anders: Ja, det er gang- og sykkelsti. Underkategori.

Erling: Var den der før?

Anders: Nei, den dukket opp nå. «Behov for feiing».

Erling: Det dukket opp masse forskjellige.

Anders: «Vegetasjon i sykkelvei».

Erling: Midt i blinken. Bra.

Anders: Så skriver jeg, «Jeg klarte ikke å markere punkt i kartet, men det lå et tre på sykkelstien 100 meter nord for Stavanger Kaffebrenneri».

Erling: Så vil jeg kommentere en ting her – hvor er submit-knappen?

Anders: Hehe.

Erling: Er den der?

Anders: Du må gå til neste som ligger helt øverst til høyre hjørne.

Erling: Her har du et skjema, du har en fast navigasjonsmeny i toppen, helt til venstre står det tilbake, helt til høyre står det neste. Vi har fått opp et skjema som går vertikalt nedover. Konvensjonen er at det er en submit-knapp i bunn av den. Den har de valgt å ikke ha her. Vi antar at du må trykke neste, oppe til høyre.

Anders: Det gjør jeg. Da kommer jeg til kontaktinformasjon. Så må meg tabbe meg i hel for å komme ned til første feltet. Innmelder: Anders Ekkje Slettebø. Kanal?

Erling: Tilbakemeldingskanal.

Anders: Jeg trenger ikke å bli varslet.

Erling: E-post var ikke påkrevd, men telefon var.

Anders: Da vil jeg ikke gi e-post, jeg vil ikke ha noe e-post. Sånn.

Erling: De har landskode rett før i en select. Med navn, altså Norge, som første del av valget.

Anders: Det synes jeg var ryddig. De har ingen ledetekst på telefonnummeret, kun på den første delen. Og så en lang, lang samtykkeboks. Så mye tekst at jeg ikke orker. Men den er påkrevd, så det er bare å gå for det. Den var tastaturvennlig den. Vegetasjon i sykkelvei. Lurabekken i Sandnes, det er jo feil, men det var det beste jeg klarte. Og så tab tab tab tab tab mange ganger. Send.

Erling: Der.

Anders: Send. Da får vi opp et lasteikon. En sirkel som snurrer rundt og rundt.

Erling: Den tok lang tid.

Anders: Hva tror du, vi skulle hatt en trommevirvel. Feilmelding eller suksess?

Erling: Feilmelding!

Anders: Innsending av observasjonen var mislykket!

Erling: Hvor lenge varte den? Det var ikke mange sekundene.

Anders: Den forsvant og nå er vi overlatt til oss selv. Hallais Sandnes, du må fortelle meg hva som er galt. Har jeg gjort noe galt, eller er det den datamaskinen som serverer oss dette?

Erling: Vi gikk jo gjennom to skjemaer. Hvis vi hadde gjort noe feil der, så burde de ha informert oss om det der. Ikke helt på slutten. Jeg vet seriøst ikke hva som mangler.

Anders: Jeg tror det er en systemfeil, så vi kan jo prøve igjen. Nei, da fikk vi opp feilmelding med én gang. Kaboom.

Erling: Og rett vekk igjen. Den går bort så fort at en kan anta at noen ikke får tid til å lese den, eller får den med seg i det hele tatt. Da står de her, da tror de kanskje at den er sendt inn. Ferdig.

Anders: Da avslutter vi tastaturtesten. Vi kom jo i mål på et vis. Det var en humpete vei.

Erling: Vi bør jo òg kommentere at dette er en tredjepartsløsning, ser det ut som. Det ligger på powel.net.

Anders: Det er jo Sandnes kommune sitt ansvar.

Erling: Absolutt, det er de som må passe på at tjeneste de kjøper er universelt utformet. Da fikk vi testet å løse denne kjerneoppgaven. Feilet vi?

Anders: Den feilen var jo ikke relatert til tastatur, så jeg vil si at med tastatur så var det greit.

Erling: Vi fikk ikke markert i kartet, men vi fikk sendt inn meldingen til slutt.

Anders: Det var òg veldig variert fokusmarkering. Vi møtte ingen tastaturfeller. Så det var bra. Åkei, vi skal vurdere koden. Du har gjort en liten vurdering av den. Hva fant du der?

Kode

Erling: Det så generelt ganske bra ut. Jeg sjekket kildekoden på forsiden. Noe jeg umiddelbart så var at det manglet lang, som vi har snakket om tidligere, som gjør at språket blir krøllete. Det var en input uten form, det er ingen form-elementer her, så det indikerer dårlig semantisk kode, eller usemantisk kode. Og så observerte jeg at det manglet h1, men det var flere h2-er. Og så var det noen h3-er. Det så ut som om h3-ene lå naturlig under h2-ene. Sett vekk fra mangel på h1 var det ganske greit, god heading-struktur.

Anders: Nå har de heller ingen tekst som er en hovedoverskrift på forsiden.

Erling: Men de hadde mange h2-er, så vi en kan argumentere for at det er å forstå, dette var forsiden, som kan være et argument for at det ikke er like nødvendig. Men du har òg kjørt automatisk test?

Anders: Du var ferdig med koden?

Erling: Det så generelt bra ut. De hadde to landemerker. De kunne godt hatt ett til. De hadde header og footer.

Anders: De brukte ikke main?

Erling: De brukte ikke main.

Anders: Main er det viktigste.

Erling: Gjerne.

Automatisk test

Anders: Jeg har gjort en automatisk test. Jeg har brukt verktøyet Accessibility Insights. Det fant seks feil. Jeg vil si at seks av de tolv feilene var knyttet til ID-er i en iframe. I en iframe som viser en kalender, eller en hva skjer-liste, så er det noen ID-er på noen script, som ikke ser ut til å være i bruk. Scriptene er av typen xhandlebars-template, som jeg ikke vet hva er. Men jeg skjønte at det var et javascript-bibliotek for et malverk. Så det vet jeg er en tredjepartsløsning.

Erling: Men den ID-feilen, var det at det var flere like?

Anders: Ja! Det sa jeg ikke. Dupliserte ID-er. Jeg tviler på at det forårsaker noen problemer. La oss se litt bort fra dem. Det belyser med å ha tredjepartstjenester og du må være bevisst når du bygger dem inn i nettsidene dine. Den iframen, den mangler tittel-attributt.

Erling: Det er den syvende feilen?

Anders: Ja.

Erling: Det var seks som handlet om ID, og den syvende som òg går på iframen?

Anders: Ja. De har riktignok title-tagg, men …

Erling: Tom?

Anders: Tagg har de, men ikke title-attributt på iframe-elementet. I følge Deque så er dette en alvorlig feil. Det er litt smalt, jeg vet ikke hvilke konsekvenser det har. Om det er noen klienter som bare forholder seg til title-attributtet.

Erling: Ikke jeg heller, det hadde blitt spekulering dersom jeg hadde foreslått noe.

Anders: En litt alvorlig feil er at søkeknappen ikke har et navn. De har bare brukt et font-ikon uten etikett eller uten skjult tekst. Det som er min anbefaling der, er å legge til skjult tekst og skjul font-ikonet for skjermlesere. Alternativt kan du putte aria-label på selve knappen, på button-elementet. Språk, den automatiserte testen har òg sett at språket ikke er satt, det ser vi får ganske alvorlige konsekvenser.

Erling: Superenkelt å fikse.

Anders: Du får nesten ikke mer lavthengende frukt enn det.

Erling: Det er kanskje det enkleste.

Anders: Og det er noe som er anbefalt av Google.

Erling: Hvordan gjør du det? Du må gi løsningen òg i samme slengen.

Anders: Du setter lang="no" på HTML-elementet.

Erling: Lang-attributtet på HTML-elementet.

Anders: Og lang="en" på de engelske sidene, ettersom de har språkvalg. I verste fall må du gjøre det i to maler. Kanskje du må bruke logikk for det.

Erling: Det må være det minste de må få til.

Anders: Da vil du gjøre mange en tjeneste. De har ikke alt-tekst på logo. Men de har en tekst under logoskjoldet.

Erling: Logoskjoldet?

Anders: Ja, det er kun logoskjoldet som ikke har alternativ tekst, men teksten under er tekst.

Erling: Ah, skjønner.

Anders: Der vil jeg si at teksten kan skjules med aria-hidden og alt-tekst til intensjonen med lenken, som er «Forsiden av Sandnes kommune». Søkefeltet har ikke ledetekst, så sett på en aria-label der. Og det samme gjelder en nedtrekksliste for markører. De har en kartløsning nede på siden, som mangler ledetekst, den har en overskrift, som burde vært semantisk kodet som en label. Det var litt feil, men alle er vel noenlunde enkle å fikse. De seks ID-ene, for å være litt pragmatisk, så hadde jeg nok oversett dem, så sant en ikke hadde funnet feil i en annen type test.

Erling: Og som du sa, det har sannsynligvis ikke noen konsekvenser.

Anders: Men de kan jo gi beskjed til leverandøren sin.

Erling: Ja, de burde sende mail til dem.

Anders: Så det var resultat av den automatiserte testen. Så da skal vi finne frem poenglappene våre, Erling.

Erling: Det må du forklare.

Poeng

Anders: Elleve karakterer.

Erling: Egentlig ti. Elleve, to av de er ganske like.

Anders: Hver karakter er kun minus én, null eller én. Så det er altså bra, dårlig eller middels. Og resultatet blir en prosentscore der 100 er bare enere, og 0 er bare minus enere. Hvis du har bare nullere, blir det 50 %. Var det forståelig?

Erling: For meg var det det, men jeg vet jo hvordan dette fungerer. Det var du som kom med denne måten å rangere på. Det som solgte meg, var at hvis du hadde hatt én, to, tre, så hadde ikke to føltes ut som helt ok. Men null blir verken eller. Minus én er dårlig, én er bra. Vi kunne ha sagt dårlig, greit, bra. Men vi har gjort det om til tall.

Anders: For at det skal passe inn i en formel. Dette er ikke noe jeg har funnet på. Dette har jeg stjålet fra Userfocus, et britisk selskap.

Erling: Skal vi ta den første vi skal rangere? Det er en vi har kalt for generell vurdering. Nå skal vi ta en generell vurdering før vi går gjennom de andre. Og den siste vi skal gjøre, er en ny generell vurdering. Så egentlig er det den samme, men vi gjør den to ganger.

Anders: Det er ti karakterer vi skal ende opp med, eller skal alle elleve inn i formelen?

Erling: Tja.

Anders: Nei, jeg vil ha ti.

Erling: Enig, vi tar ti.

Anders: Det er bare for å skape litt diskusjon, for å se om vi blir påvirket av de karakterene som vi gir underveis.

Erling: Nettopp. Vi skal gi en rangering i kontekst av oppgaven som skal løses. Om det var dårlig, greit eller bra. Er du klar? 1, 2, 3!

Anders: Oi.

Erling: Anders, du ga 0. Jeg ga -1. Fortell.

Anders: Ja, vi må bli enige før vi går videre.

Erling: Fortell hva tanken var bak nullen.

Anders: Det var så mye positivt, både det at vi kom oss ganske raskt til den lenken som vi skulle til, meld ifra, det var en ganske ryddig navigasjon, vi kom raskt der vi skulle. Når vi var inne på Sandnes kommune sin løsning, så var det fokusmarkering på alt. Så begynte det å falle litt ifra da vi kom inn i den eksterne kartløsningen, men selv der kom vi i mål, selv om det var en teknisk feil. Det har ikke noe med universell utforming. Men feilmeldingen var veldig dårlig. Den var ikke superkryptiske, 315242, den kunne vært veldig kryptisk. Så jeg er mer interessert i høre hvorfor du er på -1.

Erling: Det begynte med manglende hopp til innhold. Hovedmenyen, der var det unaturlig tabrekkefølge. Du måtte gå helt til slutten for å komme tilbake til den første dropdownen. I denne kartløsningen, vi klarte ikke å plassere markøren på en plass. Vi klarte å skrive inn, vi kom oss gjennom det.

Anders: Det at løsningen forutsetter at du vet adressen til det du skal melde fra om.

Erling: Og at den ikke meldte fra om at denne adressen er utenfor Sandnes kommune. Det hadde hjulpet oss. Nå sa han bare «finner ikke adressen», når den var rett utenfor Sandnes kommune.

Anders: Hvis vi tenker på et yngre publikum, hvem er det som er veldig bevisst på adressene?

Erling: Jeg aner ikke hvilke adresser jeg løper forbi når jeg er ute og løper.

Anders: Hvis du finner en feil på en lekeplass …

Erling: Vi klarte å komme oss gjennom. Det var sirup å komme gjennom. Mye tabbing, uten fokus i tredjepartsløsningen. Kombinasjonen av det, gjorde at jeg synes dette var dårlig, i stedet for middels.

Anders: Skal vi la de to stå?

Erling: Du bytter ikke?

Anders: Vi kan ta det opp igjen på slutten.

Erling: Kan du føre inn, vi trenger lappene.

Anders: Ja, vi trenger lappene. En generell vurdering legger vi på -1.

Erling: Så kommer vi tilbake til den. Det kommer til å gå seg til, mens vi holder på. Kanskje dette er den rangeringen vi ikke skriver ned? Og så ser vi helt på slutten nå, nå vi skal gjøre dette én gang til, om vi klarer å bli enige.

Anders: Ja, vi husker den bare.

Erling: Neste? Det var det som handler om skjermleser. 1, 2, 3. Ja, det var en opplagt -1.

Anders: Her er det helt tydelig at de aldri har testet med en skjermleser.

Erling: Neste, handler om tastatur. Da er det type fokusrekkefølge, tastaturfeller, om det går ann å bruke det.

Anders: Fokusmarkering. Ja.

Erling: 1, 2, 3! Ja, det var dette vi var uenig om til å begynne med òg.

Anders: Jeg skriver ned -1, og så er det ikke sikkert at vi trenger å bli enige. Hvis vi blir uenige på et annet punkt, at vi gir og tar litt. Vi er jo rause her i podkastserien Ubrukelig.

Erling: Neste handler om farge og visuelt. Ja, klar, ferdig, går. Begge +1. Det er bra. Det var ingen store opplagte feil her.

Anders: Av andre årsaker har jeg vært innom en annen kommuneside i dag, jeg skal ikke nevne navn, ganske liten kommune, og det så veldig umoderne ut. Så dette var et friskt puss fra Sandnes kommune.

Erling: Det kjentes ryddig og fint og godt ut. Tydelig struktur. Opplagt og god kontrast. Bra. Neste.

Anders: Automatisert test, der vi fant 12 feil.

Erling: Jeg er ikke helt kalibrert på den testen. Du er jo bedre kalibrert på den. Her tror jeg at jeg skal stole på deg.

Anders: Men du skal få lov å gi karakter.

Erling: Jeg er klar.

Anders: Nå skal vi òg huske at vi kun har testet forsiden på automatisert test og kodekvalitet.

Erling: Forsåvidt den visuelle òg, i veldig stor grad. Jeg ga vurderingen basert på hovedsiden.

Anders: Det er jo litt dumt, når vi skal fokusere på kjerneoppgaven. Men det går seg litt til. Ok, automatisert test.

Erling: Hehe.

Anders: Jeg har ikke lov å legge det inn i vurderingen, men jeg er ganske sikker på at den tredjenpartsløsningen, der hadde det dukket opp langt flere feil.

Erling: Det tror jeg òg. Skal vi ta det med i vurderingen?

Anders: Nei, vi kan ikke det. Ja, vi ble enige. 0 på begge to. Det var flere ting som er litt alvorlig, men de fleste er enkle å fikse på. Jeg vet ikke om det, det er litt feil å ta det med?

Erling: Nei, jeg synes ikke det, det er jo konsekvensen, ikke hvor lett det er å fikse det.

Anders: Vi lar den stå, vi var jo enige.

Erling: 12 feil, 6 er på grunn av eksterne. Jeg husker i gamle dager når vi kjørte alt gjennom W3C sin HTML-validator, det var mange flere feil enn seks. Selv om dette ikke er det samme.

Anders: Ikke sammenlignbart. Da er det språket. Tekstlig innhold. Det går både på navngivningen av hovedmenyen og teksten på vei inn til selve løsningen. Jeg har min klar.

Erling: Uenige. Jeg ga +1, du ga 0.

Anders: Jeg ga 0 fordi det var litt vagt, vi var usikre på om vi var på rett vei. Og så «fag» var noe som var litt dårlig.

Erling: Jeg gir +1 fordi at selv om det var litt vagt, så valgte vi rett hele tiden. Vi kom frem til «obstruksjon i sykkelvei» eller et eller annet. Så alt ga mening.

Anders: Da gir vi +1 her.

Erling: Det var fag vi nevnte, og dette med snarveien. Det var eneste gangen vi kommenterte språk. Og vi er ganske vare for det.

Anders: Ok, +1 da. Da er vi skulls. Vi har gitt og tatt. Navigasjon. Altså menyen. Nå utførte vi ikke et søk. Det kunne vi ha gjort.

Erling: Skal vi gå inn og gjøre det? Eller blir det dumt å ta det midt i?

Anders: Vi er farget av å ha funnet frem.

Erling: Vi brukte ikke søket for å løse kjerneoppgaven. Så da tar vi det ikke med.

Anders: Nei, vi tar det ikke med. Så, jeg har klar.

Erling: Jeg er veldig usikker. Ok, 1, 2, 3. Javel.

Anders: +1 på Anders og 0 på Erling. Skal du begynne?

Erling: Det kan jeg godt. Grunnen til at jeg tok 0 var igjen fordi denne fokusrekkefølgen i hovednavigasjonen, og så hadde jeg litt i mente den navigasjonen i tredjepartsløsningen.

Anders: Her må jeg si, er det lov å straffe dem for dét så mange ganger? Vi har jo straffet dem for det på tastatur, og, ja, kun på tastatur. Er det navigasjon?

Erling: Er det lov å straffe to ganger?

Anders: Jeg synes ikke at den tabrekkefølgen skal slå inn under navigasjon.

Erling: Jeg begynner å bli litt enig. Det ble ikke ubrukelig. En finner jo frem til det.

Anders: Jeg har lyst å gi dem tommel opp fordi det første navigasjonselementet utenom lytt og language, som ligger på toppen, var snarveier, så har de tatt de mest brukte tjenestene sine inn under der.

Erling: En måtte jo tabbe gjennom hele menyen for å …

Anders: Kun hvis du brukte tastatur. De har gjort en prioritering som er bra.

Erling: De manglet hopp til innhold, jeg vet ikke om det går inn under navigasjon?

Anders: Det går òg inn under tastatur og skjermleser.

Erling: Ja, enig. Og så er det om vis skal vurdere navigasjonen i den tredjepartsløsningen?

Anders: Ja, det synes jeg vil skal.

Erling: Den var jo ikke noe å … den var ikke ubrukelig. Måtte tabbe 17 ganger for å komme til en knapp som vi kunne se.

Anders: Det går jo på tastatur, som vi har gitt poeng.

Erling: Hva med submit-knappen, det er et skjema? Som manglet. Som var oppe til høyre.

Anders: Ok, jeg gir meg. Null på den. Det er en såpass stor blemme.

Erling: Den bryter bare god designskikk.

Anders: Nå testet vi ikke dette på mobil, men det å ikke ha en knapp for å komme videre i bunn på mobil …

Erling: Og min opplevelse av den tredjepartsløsningen gjør meg lite positiv til at de gjør mobilløsninger.

Anders: Og det skal jeg se på superkjapt.

Erling: Hvordan ser det ut?

Anders: Skal vi se. Nei, det var ikke brukelig på mobil.

Erling: Helt ubrukelig. Kodekvalitet?

Anders: Nå sporte jo jeg av. 0! Kodekvalitet.

Erling: 1, 2, 3. Vi er enige. 0. Hvorfor null? Greit å snakke gjennom det selv om vi er enige.

Anders: Fordi du fant både positive og negative funn. De som har gjort det, har vært klar over semantikk.

Erling: De har det. Det kjentes bra ut, men det var noen graverende feil. Mangel på lang blant annet. Så har vi et punkt som heter bilde og video.

Anders: Der har vi jo bare sett ett bilde.

Erling: Ja, vi har det.

Anders: Det kan jo være positivt. Det er jo helt naturlig å ha et flyfoto av byen på forsiden av en kommuneside.

Erling: Og en kan vurdere mye på det éne bildet. Klar?

Anders: Jeg er klar.

Erling: 1, 2, 3. +1. Det var egentlig ingen feil med det bildet. Ikke tekst på bilde. Det ødela ikke noe, var ikke i veien. Ingenting sånn. Å gi de +1 for ett bilde kjennes litt feil. Det er en del av konseptet.

Anders: Skjemakvalitet.

Erling: Kjenner det er litt vanskelig å gi poeng når vi ikke har testet det ordentlig.

Anders: Vi har jo vært gjennom et skjema i mange steg. Begge to er på -1. Det var jo to skjemaer på forsiden, de hadde ikke form. De hadde ikke label. Jeg tar òg feilmeldingen inn under skjemakvalitet.

Erling: Klar -1. Skal vi innføre -2? Jeg bare tøyser.

Anders: OK, en generell vurdering.

Erling: Vi har gått gjennom alle, og tar den generelle vurderingen på ny.

Anders: Total. Holistisk. Helhetlig. Bom bom bom.

Erling: 1, 2, 3. Det ble likt som i begynnelsen.

Anders: 0 på Anders og -1 på Erling.

Erling: I hodet mitt, den følelsen jeg har av Sandnes kommune når det gjelder universell utforming er at det er noe som er bra, noen lyspunkt, men det er såpass mye grums, spesielt på grunn av den tredjepartsløsningen, at dersom jeg skulle ha omtalt min opplevelse i et universelt utformingsperspektiv til noen, så ville jeg sagt at det står dårlig til. Det er mye de burde ha fikset. Jeg synes ikke det er helt OK. Hvordan hadde du omtalt dette til noen andre.

Anders: Jeg hadde nok sagt at det er helt greit. Hvis vi starter … de gjør tre brølere helt i starten. De mangler hopplenker, de har ikke spesifisert språk, og så har de ikke alternativ tekst på skjoldet sitt. Før du har kommet inn i løsningen, så har de tre brølere.

Erling: Det første du tester feiler de på.

Anders: Det er litt rart å prioritere en slik lyttfunksjon før du har alt-tekst på logo. Det elementære på plass. OK, jeg gir meg Erling. Det ble en generell -1. Nå har jeg laget et heftig regneark, med formler og greier. Nå har vi en poengscore. Som sagt så går den fra 0 til 100. Og Sandnes kommune får 45!

Erling: Det er det beste og det dårligste til nå. Nå blir det spennende neste gang. Vi vet ikke hva vi skal teste enda.

Anders: Og da er det bare å henvende seg til deg kjære lytter. Send oss inn tips.

Erling: Nå har vi ikke fått domene enda, så vi har ikke en egen e-post. Send til erling@okse.no, så skal jeg ta meg av det.

Anders: Godt å være i gang, Erling.

Erling: Gleder meg allerede til neste episode. Jeg er sykt spent på hvordan de klarer det, hvordan de havner på scoren.

Anders: Som tidligere vil vi ha tilbakemeldinger, både på konseptet, gjennomføring, lydkvalitet, poenggiving, men aller viktigst, gi oss tips til hvem vi skal teste, og inkluder kjerneoppgave. Husk at vi kun velger norske tjenester. Hvis du vil være anonym, så skriver du òg det.

Erling: Hvis ikke kommer vi til å rope navnet høyt og tydelig. Det var dagens.

Høydepunkt

Anders: Høydepunkt fra dagens?

Erling: Hva husker du best?

Anders: Ikke et høydepunkt, men det jeg tenker mest på er hvordan de burde ha løst kartløsningen. Det er litt dumt å kritisere uten å løse det. Her tenker jeg at det er dumt å ikke løsning, fordi det er vanskelig eller umulig å gjøre den tilgjengelig. Det vil være et godt hjelpemiddel for veldig mange. Det er jo noen som kan adressen.

Erling: Det kan jo være en lyktestolpe i deres gate.

Anders: Jeg er nysgjerrig og har lyst å grave meg ned i hvordan man kan sette en markør i en kartløsning med tastatur. Så vet vi òg det, vi skal ikke ha fokus på WCAG, men kartløsninger er unntatt fra flere av kriteriene. Hvis du har en løsning som krever kartløsning, så er en unntatt disse suksesskriteriene.

Erling: Akkurat her kunne det ha vært et vanlig skjema, hvor en beskriver hvor en er, som et alternativ til skjema.

Anders: Eller som et supplement. Jeg synes ikke at de skal ta vekk kartet.

Erling: Enig. Det er en god tjeneste. Men de kunne ha vurdert en annen kartløsning. Google er sannsynligvis mer tilgjengelig enn den løsningen de har brukt her. Men det jeg tenkte på er de graverende feilene som er så lette å fikse. Alt-tekst på logo, hopp til innhold, lang.

Anders: Det er jo noe jeg ser igjen og igjen og igjen. En blir litt lei seg, at vi ikke har klart å komme lengre.

Erling: Det betyr at dette er liv laga, Anders. Det vi har gjort, vi har sagt ifra til Sandnes kommune at vi skal evaluere dem. De var positive til det.

Anders: Det synes jeg vi skal skryte av. For det første var de raske å svare. For det andre var de veldig positive til dette.

Erling: Jeg håper de har fått noe matnyttig. Er vi ferdige?

Anders: Vi er ferdige.

Erling: Jeg er Erling.

Anders: Jeg er Anders fra Webstep.

Erling: Og jeg fra Okse.

Anders: Da har vi 14 evalueringer igjen.

Erling: Jeg gleder meg veldig.

Anders: Takk for nå. Hade!